/* Copyright (c) 2005-2012 be:screen GmbH */

/* Webfonts & Icons */
@font-face { font-family: SourceSans; src: url('/core/fonts/SourceSans/Regular.eot'); src: url('/core/fonts/SourceSans/Regular.eot?#iefix') format('embedded-opentype'), url('/core/fonts/SourceSans/Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-variant: normal; }
@font-face { font-family: SourceSans; src: url('/core/fonts/SourceSans/Semibold.eot'); src: url('/core/fonts/SourceSans/Semibold.eot?#iefix') format('embedded-opentype'), url('/core/fonts/SourceSans/Semibold.woff') format('woff'); font-weight: bold; font-style: normal; font-variant: normal; }

/* Chameo Language Switcher */
html *[lang] { display: none; }
html[lang="de"] *[lang="de"]:not(body), html[lang="en"] *[lang="en"]:not(body) { display: inline-block; }
html[lang="en"] button[data-title-en]:before { content: attr(data-title-en); }
html[lang="de"] button[data-title-de]:before { content: attr(data-title-de); }

/* Login Panel */
html { background: url('/core/images/framework/tag175grey.png') no-repeat center bottom #f0f0f0; height: 100%; font-family: SourceSans,'Lucida Grande',Tahoma,Verdana,Helvetica,Arial, sans-serif; }
body { height: 100%; font-size: 62.5%; line-height: 1.5; margin: 0; }
.panel { width: 620px; height: 420px; margin: -230px 0 0 -310px; background: url('/core/images/login/panel.png') no-repeat center; position: absolute; top: 50%; left: 50%; }
#help { width: 100px; height: 100px; position: absolute; top: 10px; right: 10px; background: url('/core/images/login/crease.png') no-repeat center; text-align: right; }
#help img { width: 50px; height: 50px; opacity: 0; }
h1 { width: 620px; height: 40px; margin: 110px auto 20px; text-align: center; font-size: 240%; font-weight: normal; line-height: 40px; color: transparent; }
h3 { margin: 0 0 20px; font-size: 140%; text-align: center; line-height: 1.25em; color: #333; }
xbutton { width: 160px; margin: 1.5em auto 0; line-height: 20px; background-color: #88AEC6; cursor: pointer; display: block; }
#login h1 { background: url('/core/images/login/headline.png') no-repeat center; }
#service h1 { background: url('/core/images/login/service.png') no-repeat center; }
fieldset { border: none; }
fieldset label { width: 320px; margin: 0 auto 10px; color: #666; font-size: 110%; display: block; }
fieldset label input { width: 100%; padding: 4px; font-size: 118%; color: #666; border: 1px solid #ccc; background-color: #fafbfc; outline: none; border-radius: 4px; }

/* Todo: Redesign & fixed position */
button, a.button { margin: 1.5em auto 0; width: 150px; height: 32px; font-size: 110%; letter-spacing: 0.1ex; font-weight: bold; text-align: center; line-height: 100%; color: #666; background: url('/core/images/framework/button.png') no-repeat top center transparent; overflow: hidden; border: none; cursor: pointer; text-decoration: none; display: block; }
button:hover, a.button:hover { color: #333; background: url('/core/images/framework/button.png') no-repeat bottom center transparent; }

/* JS related */
#login { display: none; }
#service { display: none; }
#service #help span img { opacity: 100; }

/* IE crap */
a img { border: 0; }