@media screen, projector
{

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

body.sk div.head h1 a { background: url('../images/sk/logo.gif') no-repeat; text-indent: -200em }
body.en div.head h1 a { background: url('../images/en/logo.gif') no-repeat; text-indent: -200em }
body.fr div.head h1 a { background: url('../images/fr/logo.gif') no-repeat; text-indent: -200em }
body.es div.head h1 a { background: url('../images/es/logo.gif') no-repeat; text-indent: -200em }
body.ru div.head h1 a { background: url('../images/ru/logo.gif') no-repeat; text-indent: -200em }

body.sk div.container { background: #ECECEC url('../images/sk/left-bg.gif') repeat-y }
body.sk div.menu { background: #0823A9 url('../images/sk/menu-bg.gif') repeat-x }
body.sk div.menu ul li { background: url('../images/sk/menu-sep.gif') no-repeat 50% 0 }
body.sk div.menu ul li.first { background: none }
body.sk div.menu ul ul { background: none }
body.sk div.menu ul ul li { background: none }
body.sk div.menu ul li a { color: #FFE8E8 }
body.sk div.menu ul li a:hover { color: #71e7fc }
body.sk div.menu ul li a.active { color: #71e7fc }
body.sk form.quick-search { background: #700011 url('../images/sk/quick-search-bg.gif') repeat-x }
body.sk form.quick-search button { border: solid 1px #A06971; background: #772B37; color: #D7C0C3 }
body.sk form.quick-login { background: #1731C0 url('../images/sk/quick-login-bg1.gif') repeat-x }
body.sk form.quick-login fieldset { background: url('../images/sk/quick-login-bg2.gif') repeat-x left bottom }
body.sk form.quick-login fieldset button { border: solid 1px #7382CE; background: #374BB3; color: #C3C9E8 }
body.sk ul.quick-menu { border-top: solid 1px #1F0E47; border-bottom: solid 1px #2E45B6 }
body.sk ul.quick-menu li { background: url('../images/sk/quick-item.gif') repeat-x }
body.sk div.left { background: #0823A9 }
body.sk address.contact { color: #BBCBFE }

div.container { position: relative; min-height: 100%; width: 781px; background: #ECECEC url('../images/left-bg.gif') repeat-y }
* html div.container { height: 100% }
div.head { height: 115px; background: #FFF url('../images/bg.gif') repeat-x }
ul.languages { margin: 0 0 0 190px; padding: 0 0 1px 0; height: 31px; background: url('../images/lang-bg.gif') no-repeat 100% 100% }
ul.languages li { float: left; width: 118px; margin: 0; padding: 0; list-style: none outside; text-align: center }
ul.languages li a { padding: 0 10px 0 20px; line-height: 30px; color: #5D5D5D; background: no-repeat left center }
ul.languages li.sk a { background-image: url('../images/sk/flag.gif') }
ul.languages li.en a { background-image: url('../images/en/flag.gif') }
ul.languages li.fr a { background-image: url('../images/fr/flag.gif') }
ul.languages li.es a { background-image: url('../images/es/flag.gif') }
ul.languages li.ru a { background-image: url('../images/ru/flag.gif') }

div.head h1 { position: absolute; left: 14px; top: 13px; margin: 0; padding: 0; text-transform: uppercase;  }
div.head h1 a { display: block; width: 176px; height: 86px; text-decoration: none; color: #272F6E }
div.head h2 { position: absolute; left: 200px; padding: 25px 0; top: 30px; width: 571px; text-align: center }

div.left { float: left; width: 190px; background: #930116; padding-bottom: 90px }
div.title { float: right; width: 591px }
div.main, div.form-panel { float: right; width: 581px; clear: right; padding-bottom: 12px; color: #2A2A2A }

div.main div.text { padding: 0 26px }

div.menu { margin: 0; padding: 25px 0; background: #930116 url('../images/menu-bg.gif') repeat-x }
div.menu ul { margin: 0; padding: 0; list-style: none outside; }
div.menu ul li { padding: 5px 7px; background: url('../images/menu-sep.gif') no-repeat 50% 0 }
div.menu ul li.first { background: none }
div.menu ul li a { padding: 0 8px; color: #FFE8E8; display: block; text-decoration: none }
div.menu ul li a:hover { color: #fa5252 }
div.menu ul li a.active { color: #fa5252; font-weight: bold }
div.menu ul.expanded { display: block !important }
div.menu ul.collapsed { display: none !important }
div.menu ul ul { padding: 5px 0; margin: 0; border: none 0; background: none; display: none }
div.menu ul ul li { padding: 1px 10px; margin: 0; border: none 0; background: none }

form.quick-search { margin: 0; padding: 8px 17px; background: #1A30A8 url('../images/quick-search-bg.gif') repeat-x }
form.quick-search label { color: #ECE2E4; text-transform: uppercase; font-style: italic; font-weight: bold }
form.quick-search input { width: 115px; font-size: 10px }
form.quick-search button { width: 2em; margin: 0 3px; padding: 0; text-align: center; border: solid 1px #737BAD; background: #39458C; font-size: 10px; color: #C4C8DE }

form.quick-login { margin: 0; padding: 2px 0 0 0; background: #930116 url('../images/quick-login-bg1.gif') repeat-x }
form.quick-login p { margin: 0; padding: 0px 0; color: #ECE2E4; text-transform: uppercase; font-style: italic; font-weight: bold }
form.quick-login fieldset { margin: 0; padding: 10px 14px 15px 15px; border: none 0; background: url('../images/quick-login-bg2.gif') repeat-x left bottom }
form.quick-login fieldset div { clear: both; margin: 5px 0; padding: 5px 0 }
form.quick-login fieldset label { float: left; width: 65px; padding-top: 5px; color: #FEFEFE; font-size: 10px }
form.quick-login fieldset input { float: right; width: 85px; font-size: 9px }
form.quick-login fieldset button { float: right; width: 8em; margin: 5px 0; padding: 0; text-align: center; border: solid 1px #B76A75; background: #922C3B; font-size: 10px; color: #DFC0C5 }

ul.quick-menu { border-top: solid 1px #56000D; border-bottom: solid 1px #9A2738; margin: 0; padding: 0 }
ul.quick-menu li { background: url('../images/quick-item.gif') repeat-x; margin: 0; padding: 0 0 0 8px }
ul.quick-menu li a { color: #ECE2E4; text-transform: uppercase; font-style: italic; font-weight: bold; line-height: 36px }
ul.quick-menu li a#logout { padding-left: 22px; background: url('../images/quick-logout.gif') no-repeat left center }
ul.quick-menu li a#details { padding-left: 22px; background: url('../images/quick-details.gif') no-repeat left center }



address.contact { position: absolute; left: 20px; bottom: 20px; color: #FEBBBB }

div.sep-top { background: url('../images/title-bg.gif') no-repeat 50% 0% }
div.sep-bottom { background: url('../images/title-bg.gif') no-repeat 50% 100% }

div.title h1.title { margin: 16px 0; padding: 8px 26px; background: url('../images/h1.gif') no-repeat }
div.title a.print { float: right; margin: 25px 32px 0 0; padding: 0 0 0 25px; line-height: 18px; color: #7B7B7B; background: url('../images/print.gif') no-repeat }
div.title a.print:hover { text-decoration: none }

div.main { padding: 15px 26px }
div.main { padding: 1px 5px }

input.save { float: right; margin: 25px 32px 0 0; width: auto; overflow: visible; padding: 0 0.25em 0 25px; line-height: 18px; color: #7B7B7B; background: transparent url('../images/save.gif') no-repeat; border: none 0 }

ul.application-type-list { margin: 0; padding: 0; list-style: none outside }
ul.application-type-list li { margin: 10px; padding: 0; list-style: none outside }
ul.application-type-list li p { padding-left: 30px }

div.application-text { margin: 10px 30px }

}

@media print
{
	div.head h2,
	ul.languages,
	div.left,
	address.contact,
	div.title a.print,
	.clear { display: none }
	
	div.head h1 { margin: 0 0 0.5cm 0; padding: 0; border-bottom: solid 1px #000; font: italic normal 16px 'Trebuchet MS', Arial, sans-serif; text-transform: uppercase }
	div.head h1 a { color: #000; text-decoration: none }
}

table.messages { clear: both; table-layout: fixed; margin: 0 0 0 10px }
table.messages th { text-align: left; vertical-align: top; width: 6em }
table.messages td { vertical-align: top; padding-right: 10px }
table.messages h6 { font-size: 100%; margin: 0 0 3px 0 }
table.messages pre { font: normal 11px 'Trebuchet MS', Arial, sans-serif; word-wrap: break-word }