/**
* CSS for HAWX Landingpage
* @version $Id: styles.css 87 2009-05-07 09:17:18Z christian $
* @author Global Media GmbH | http://www.global-media.de/
*/
html { background: #011923; }
body { font-family: Tahoma, Arial, sans-serif; }
strong { font-weight: bold; }
table.ubibar {
	font-size: 0px !important;	
}
.gfx { background: url(/img/webgfx.png) no-repeat 0 0;  }
a { color: #000; }
div.content a { color: #fff; }
#main { background: #06293b; position: relative; width: 1017px; height: 629px; margin: 0 auto 20px auto; border: 1px solid #fff; }
#start { width: 1017px; height: 629px; background: url(/img/startgfx.jpg); cursor: pointer; }
#win, #taf { width: 1017px; height: 629px; background: url(/img/overlaybg.jpg); display: none; position: absolute; top: 0; left: 0; }
#wincontent { width: 959px; height: 332px; background: url(/img/wincontent.png); position: absolute; top: 209px; left: 35px; }
#content { width: 1017px; height: 629px; background: url(/img/contentgfx.jpg); display: none; }
#logos { width: 454px; height: 50px; }
#copyright { font-size: 8px; font-family: Arial, sans-serif; color: #fff; position: absolute; bottom: 0; left: 0; margin: 0 0 5px 5px; width: 700px; }
#amdcopyright { font-size: 8px; font-family: Arial, sans-serif; color: #fff; position: absolute; bottom: 75px; left: 5px; }
#links { position: absolute; bottom: 0; right: 0; margin: 0 0 5px 0; }
#links li { float: left; }
#links a { color: #fff; font-size: 0.6875em; text-decoration: none; border-left: 1px solid #fff; padding: 0 5px; }
#links li.first a { border: 0; }
#gohawx { position: absolute; top: 30px; right: 20px; }
#gohawx a { display: block; height: 120px; width: 294px; background-position: 0 -59px; }
#headlinetest { width: 310px; height: 65px; background-position: 0 -177px; position: absolute; top: 200px; left: 345px; }
#headlineresult { height: 32px; width: 202px; background-position: 0 -511px; position: absolute; top: 204px; left: 343px; display: none; }
#headlinetaf { height: 59px; width: 439px; background-position: 0 -673px; position: absolute; top: 204px; left: 280px; }
div.content { color: #fff; font-size: 0.6875em; position: absolute; }
p.question { margin: 0 0 15px 0; }
p.shortresult { margin: 10px 0 5px 0; font-weight: bold; padding: 10px; background-color: #495154; color: #ffd30a; -moz-border-radius: 5px;  }
p.answer { margin: 0 0 5px 0; cursor: pointer; }
p.answer-unselected { color: #5f7165; }
p.answer-selected { color: #ffd30a; }
p.button { width: 172px; height: 30px; background-position: -4px -450px; cursor: pointer; display: none; }
p.button-shortresult { background-position: 0 -480px; }
span.radio { display: block;  background-position: 0 -417px; height: 16px; width: 16px; margin: -2px 15px 0 0; float: left; }
span.radio-active { background-position: 0 -433px; }
span.checkbox { display: block;  background-position: 0 -593px; height: 11px; width: 11px; margin: 2px 5px 0 0; float: left; }
span.checkbox-active { background-position: 0 -604px; }
.headlinequestion { height: 15px; width: 170px; margin: 0 0 10px 0; }
#headlinequestion1 { background-position: 0 -353px; }
#headlinequestion2 { background-position: 0 -369px; }
#headlinequestion3 { background-position: 0 -385px; }
#headlinequestion4 { background-position: 0 -401px; }
#question1, #question2, #question3, #question4 { display: none; }
p.shortresult { display: none; }
#innercontentquestions { height: 272px; width: 670px; position: absolute; top: 268px; left: 345px; overflow: hidden; }
#innercontentquestions div.content { width: 400px; }
#innercontentresult { height: 340px; width: 670px; position: absolute; top: 251px; left: 345px; overflow: hidden; display: none; }
#innercontentresult div.content { width: 500px; }
div.result { display: none; }
dl.form { width: 400px; }
dl.form dt { width: 70px; float: left; clear: left; min-height: 24px; }
dl.form dd { width: 316px; float: left; min-height: 24px; }
input.text { background-position: 0 -545px; border: 0; height: 16px; width: 316px; line-height: 16px; font-weight: bold; padding: 0 0 0 2px; }
textarea.gfx { background-position: 0 -744px; border: 0; height: 70px; width: 316px; line-height: 16px; font-weight: bold; }
p.checkboxinput { cursor: pointer; }
#submitbutton, #tafsubmitbutton { width: 322px; height: 32px; background-position: 0 -561px; cursor: pointer; }
#winbutton { width: 220px; height: 110px; background-position: 0 -242px; cursor: pointer; position: absolute; right: 12px; top: 416px; }
#tafbutton { width: 152px; height: 56px; background-position: 0 -616px; cursor: pointer; position: absolute; right: 10px; top: 26px; }
#winclose, #tafclose { width: 120px; height: 12px; background-position: 0 -732px; cursor: pointer; position: absolute; right: 10px; top: 207px; }
#taf div.content { top: 270px; right: 350px; }
#taf dl.form { width: 500px; }
#taf dl.form dt { width: 170px; }
p.headline { color: #ffd30a; width: 400px; margin: 0 0 10px 0; }
#innercontentresult p { margin: 0 0 5px 0; }
#winform { top: 197px; left: 0; position: absolute; }
#alertbox { background-position: 0 -814px; width: 372px; height: 280px; position: absolute; display: none; }
#alertboxbutton { background-position: 0 -1095px; width: 163px; height: 20px; position: absolute; left: 105px; top: 234px; cursor: pointer; color: #737373; font-size: 0.625em; text-align: center; line-height: 20px; }
#alertboxmessage { color: #737373; font-size: 1em; font-weight: bold; font-family: monospace; position: absolute; top: 120px; left: 25px; width: 320px; font-size: 0.75em; }

#messagebox { width: 372px; height: 195px; position: absolute; display: none; }
#messageboxtop { background-position: 0 -814px; width: 372px; height: 19px; position: absolute; top: 0; left: 0; }
#messagebody { background-position: 0 -918px; width: 372px; height: 176px; position: absolute; top: 19px; left: 0; }
#messageboxbutton { background-position: 2px -1095px; width: 163px; height: 20px; position: absolute; left: 105px; bottom: 25px; cursor: pointer; color: #737373; font-size: 0.625em; text-align: center; line-height: 20px; }
#messageboxmessage { color: #737373; font-size: 1em; font-weight: bold; font-family: monospace; position: absolute; top: 25px; left: 25px; width: 320px; font-size: 0.75em; }
/*

20 px = 1.25 em
19 px = 1.1875 em
18 px = 1.125 em
17 px = 1.0625 em
16 px = 1 em
15 px = 0.9375 em
14 px = 0.875 em
13 px = 0.8125 em
12 px = 0.75 em
11 px = 0.6875 em
10 px = 0.625 em
9 px = 0.5625 em
8 px = 0.5 em

*/