@media screen, projector
{

body, p, td, input, select, textarea { font: normal 11px 'Trebuchet MS', Arial, sans-serif }
h1 { font: normal 16px 'Trebuchet MS', Arial, sans-serif }
h2 { font: normal 12px 'Trebuchet MS', Arial, sans-serif }
.print, address { font: normal 11px/13px 'Trebuchet MS', Arial, sans-serif }
div.head h1 { font: bold italic 10px 'Trebuchet MS', Arial, sans-serif }
div.head h2 { font: bold italic 12px/15px 'Trebuchet MS', Arial, sans-serif; text-transform: uppercase; color: #585858 }
h1.title { font: bold italic 16px/20px 'Trebuchet MS', Arial, sans-serif; text-transform: uppercase; color: #272F6E }

form { margin: 0; padding: 0 }
a { text-decoration: none; color: #0C1F91 }
a:hover { text-decoration: underline }
.clear { clear: both; visibility: hidden; font: normal 1px/1px sans-serif; margin: 0; padding: 0 }

html, body { margin: 0; padding: 0; height: 100%; background: #FFF }

ul.tab-menu { margin: 0; padding: 0 0 0 45px; height: 30px; list-style: none outside; background: url('../images/title-bg.gif') no-repeat 50% 28px; font-weight: bold }
body.admin ul.tab-menu { background: url('../images/title-bg.gif') no-repeat 0 28px; font-weight: bold }
ul.tab-menu a:hover { text-decoration: none; color: #828181 }
ul.tab-menu li { background: url('../images/tabs.gif'); float: left; margin: 0 0 0 -10px; padding: 0 0 0 25px; font-size: 10px }
ul.tab-menu li a { background: url('../images/tabs.gif') 100% 0; display: block; float: left; line-height: 28px; text-transform: uppercase; font-style: italic; color: #A2A1A1; padding: 3px 25px 0 0 }
ul.tab-menu li.active { background-position: 0 -30px; position: relative; z-index: 1 }
ul.tab-menu li.active a { background-position: 100% -30px; color: #8B0317 }
ul.tab-menu + * { clear: both }

}

@media print
{
	body, p, td { font: normal 11pt 'Times New Roman', Helvetica, serif }
	body, p { text-align: justify }
	table { text-align: left }

	ul.tab-menu { display: none }
}

.form fieldset, fieldset.form { margin: 0; margin: 10px 0 0 0; padding: 0 10px 20px 10px; border: none 0; background: url('../images/title-bg.gif') no-repeat 50% 100% }
.form legend { margin: 0; padding: 0; white-space: normal }
.form legend, .form .legend { font-weight: bold; font-size: 13px; color: #0E2CC2 }
* html .form legend { position: relative; left: -8px; white-space: normal }
.form legend span { display: block }
.form h5.legend { margin: 10px 0 5px 0 }

.form input, .form select, .form textarea, .form .language input.lang { background: #FEFEFE }
.form .checkbox input, .form .checkboxes input, .form .long-checkboxes input, .form .language input { background: none }

/*.form .required.empty { background: white }*/
.form .required label { font-weight: bold }
.form .required input, .form .required select, .form .required textarea { background: #E3E3F0 }
.form .required.checkboxes input, .form .required.long-checkboxes input, .form .required.language input { background: none }
.form .required.checkboxes span, .form .required.long-checkboxes span, .form .required.language span { background: none; font-weight: bold }
.form .error-message { display: inline; padding: 0 10px; color: #F00; font-weight: bold }

.form div.input, .form div.files, .form div.checkbox, .form div.language, .form div.text { clear: both; margin: 3px 0; padding: 2px 0 }
.form div.input label, .form div.files label, .form div.checkboxes span { float: left; width: 135px; padding-top: 6px; line-height: 1.2em }
.form div.input input { height: 1.2em; line-height: 1.2em; padding: 1px 3px }

.form div.checkbox { padding-left: 0 }

.form div.language span { float: left; width: 135px }
.form div.language span input { width: 9em }
.form div.language label { padding-right: 2em }

.form div.file { padding: 1em 0 0 5em }
.form div.file label { display: block; position: relative; left: -5em; padding: 3px 30px 6px 0 }

.form div.long { padding-left: 135px }
.form div.long label { display: block; position: relative; left: -135px; padding: 3px 30px 3px 0 }
.form div.long input { height: 1.2em; line-height: 1.2em; padding: 1px 3px }


.form div.checkboxes { margin-left: 135px; position: relative }
.form div.checkboxes span { position: absolute; left: -135px }

.form div.long-checkboxes label, .form div.checkboxes label { padding: 0 2em 6px 0; line-height: 1.2em; white-space: nowrap }
.form div.long-checkboxes { padding-left: 135px }
.form div.long-checkboxes span { display: block; position: relative; left: -135px; padding: 3px 30px 3px 0 }

.form div.text { line-height: 1.8em }
.form div.text label { float: left; width: 135px }

.form div.school { padding-left: 135px; margin-top: -1em }
.form div.school label { position: relative; left: -135px; width: 135px; top: 1.8em; padding-top: 3px }
.form div.school select { display: block; width: 35em }
.form div.school input { display: block; width: 30em }
* html .form div.school { padding-left: 12.3em }
* html .form div.school label { left: -12.3em }

.form div.minor { margin-left: 5em }


.form div.buttons { margin: 10px 30px; text-align: right }
.form div.buttons input { padding: 1px 20px; border: solid 1px #C2C2C2; background: #DCD9D9 url('../images/button.gif') repeat-x; color: #5C5C5C }


div.help-em { font-weight: bold; border: solid 4px #754949; color: #754949; padding: 5px 8px }
.form span.help { display: block; padding: 3px 10px; color: #777; font-size: 10px; font-weight: normal }
.form input.name { width: 15em }
.form input.title { width: 7em }
.form input.date { width: 6em }
.form input.num { width: 4em; text-align: right }
.form input.lang { width: 10em }
.form input.inst { width: 25em }
.form input.phone { width: 135px }
.form input.www { width: 15em; color: #0C1F91; text-decoration: underline }
.form input.text { width: 30em }
.form input.address { width: 20em }
.form input.zip { width: 7em }
.form input.city { width: 15em }
.form select.country { width: 30em }
.form textarea { width: 35em; height: 12em }
.form input.currency { width: 3em }

.form span.file input.d { float: right; margin: 4px 20px 0 0; padding: 0 2px; border: none 0; background: #ECECEC; color: #0C1F91 }
.form span.file a { margin: 0 10px; padding: 0 0 0 22px; background-repeat: no-repeat; background-position: 0 50% }
.form span.file a.pdf { background-image: url('../images/ft/pdf.jpg') }
.form span.file a.doc { background-image: url('../images/ft/doc.jpg') }
.form span.file a.xls { background-image: url('../images/ft/xls.jpg') }

a.language { padding-left: 20px; background-repeat: no-repeat; background-position: 0 50% }
a.language.sk { background-image: url('../images/sk/flag.gif') }
a.language.en { background-image: url('../images/en/flag.gif') }
a.language.fr { background-image: url('../images/fr/flag.gif') }
a.language.es { background-image: url('../images/es/flag.gif') }
a.language.ru { background-image: url('../images/ru/flag.gif') }

table.report { border-collapse: collapse; margin: 0 30px }
table.report th { text-align: left }
table.report th, table.report td { border-top: solid 1px #AAA; border-width: 1px 0; padding: 2px 5px; vertical-align: top }