/* RESET */
html, body, h1, h2, h3, h4, h5, h6, p, img, fieldset, legend, blockquote { border: 0; margin: 0; padding: 0; }
.clear { clear: both; margin: 0; padding: 0; }
html { background: #ffffff; height:100%; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 76%; height: 100%; }
/* STRUCTURE */
div.topwrap { height: 140px; }
div.top { position: relative; margin: 0 auto; width: 900px; }
div.introwrap { background: #000000; margin: 40px 0 0 0; }
div.intro { position: relative; margin: 0 auto; width: 900px; height: 180px; background: #000000; }
div.mainwrap { position: relative; margin: 0 auto; width: 900px; background: #ffffff; }
div.contentwrap { min-height: 800px; padding: 0 0 20px 0; background: url(../images/background_sidebar.jpg) 670px 0 repeat-y; }
div.content { float: left; width: 595px; line-height: 1.4em; padding: 0 0 0 15px; }
div.acontent { width: 595px; margin:50px 0 0; display:inline-block; }
div.widecontent { }
div.widecontent div.inner { }
div.menu { position: absolute; top: 110px; left: 0; height: 34px; width: 900px; background: #000000; }
div.submenu { position: absolute; top: 150px; left: 0; height: 20px; width: 100%; }
div.aside { float: right; width: 205px; padding: 30px 10px 0; margin: 0; font-size: 0.9em; }
div.aside div.article { display:inline-block; padding: 0 5px 30px 0; }
div.footerwrap { border-top: 1px dotted #000000; margin: 20px 0 0 0; background: #f7f7f7; }
div.footer { position: relative; margin: 0 auto; width: 900px; padding: 15px 10px 0 10px; font-size: 0.9em;}
img.logo { padding: 15px 0 0 15px; }
div.quicklink ol { position: absolute; top: 15px; left: 200px; margin:0; padding: 0; list-style: none; }
div.quicklink ol li { float: left; }
div.quicklink a { position:absolute; left:0px; top:-50em; width:1px; height:1px; overflow:hidden; }
div.quicklink a:active,
div.quicklink a:focus { position:static; width:auto; height:auto; background: #ffffff; padding: 3px; }
/* ELEMENTS */
p { font-size: 1.2em; padding: 0 0 5px 0; line-height: 1.3em }
a { text-decoration: none; color: #FF2B06; }
a:hover { color: #FF2B06; text-decoration: underline; }
h1 { margin: 0; padding: 30px 0 10px 0; color: #111111; font-size: 2.1em; font-weight: normal; line-height: 1.2em; }
h2 { margin: 0; padding: 0 0 10px 0; color: #FF2B06; font-size: 1.8em; line-height: 1.1em }
h2 a { }
h3 { border-bottom: 1px dotted #000000; padding: 0 0 3px 0; color: #FF2B06; display: block; font-size: 1.3em; }
h3 a { }
h4 { margin: 0; padding: 4px 0 0 0; color: #111111; font-size: 1.2em; /*letter-spacing: 1px;*/ }
h4 a { color: #111111; }
h4 a:hover { text-decoration: underline; color: #111111; }
h5 { margin: 0; padding: 0; color: #111111; }
h6 { margin: 0; padding: 0; color: #111111; }
.blacknormal { font-weight: normal;color: #000000; }
.rednormal { font-weight: normal; color: #FF2B06 }
ul { margin: 0; padding: 5px 0 10px 0; list-style: none; }
ol { margin: 0; padding: 0 0 0 15px; }
blockquote { margin: 0; padding: 0 0 0 18px; }
table { padding: 0; margin: 10px 0; border: 0; background:#FFF; }
div.aside table { padding: 0; margin: 0; border: 0; background:none; }
td { vertical-align: top; padding: 2px 0 2px 0; margin: 0; }
th { vertical-align: top; text-align: left; padding: 2px 0 2px 0; margin: 0; font-size: 1.2em; color: #333333;}
caption { color: #333333; text-align: left; font-size: 1.1em; font-weight: bold; }
input.button { cursor:pointer; }
.pleft { text-align: left; }
.pright { text-align: right; }
.pcenter { text-align: center; }
.pjustify { text-align: justify; }
strong { }
em { }
sub { }
sup { }
hr { color: #ffffff; border: 1px solid #ffffff; border-top: 1px solid #ededed; }
span strong { float: right; padding: 0 0 10px 0; }
/* Crowd report banner */
div.bannercrowdreport { background: #000000; height: 60px; margin: 20px 0 0 0; }
div.bannercrowdreport a { background: #000000; display: block; height: 60px; width: 595px; }
div.bannercrowdreport a:hover { background: #DE4A00; }
/* livestreambanner */
div.livestreambanner { height:84px; margin:40px 0 0; }
div.livestreambanner a { display: block; height: 84px; width: 592px; }
/* Crowd report link */
div.crowdreportlink { height: 60px; background: url(../images/crowd_report.png) no-repeat center top; clear: both; }
div.crowdreportlink a { display: block; text-align: center; color: #FF2B06; padding: 27px 0 0 0; font-weight: bold; font-size: 0.9em; }
div.content div.crowdreportlink a:active { color: #FF2B06; }
/* SIDEBAR */
div.aside h5 { font-size: 1em; }
div.aside h2 { border-bottom: 1px dotted #000000; padding: 0 0 3px 0; color: #FF2B06; display: block; font-size: 1.3em; }
div.aside h4 a:hover { color: #666666;}
div.aside div.itemimage { text-align: center; padding: 6px 3px; background: #f2f2f2; }
div.aside div.robotfoot { width:200px; height:289px; position: absolute; bottom: 0; }
/* AA CONTENT */
div.acontent h3 { margin: 0; padding: 0 0 10px 0; color: #FF2B06; font-size: 2em; line-height: 1.2em; }
div.acontent table { margin-top:0; }
div.acontent div.aafeedreader { width: 280px; margin-right: 35px; float: left; }
div.acontent div.attentionarea0 { float: left; width: 285px; }
div.acontent div.attentionarea1 { float: right; width: 285px; }
div.acontent div.article div.wysiwyg { padding: 20px 0 0 0; border-top: 3px solid #ececec; }
/* BLOG */
div.blog { margin: 20px 0 0 0; }
div.blogitem { border-top: 1px dotted #666666; padding: 20px 0; }
div.blognoimg { margin: 0 0 15px 0; }
div.blogtextimg { width: 595px; margin: 0 0 15px 0; }
div.blogtextimg img.blogimg { float: left; width: 100px; padding: 5px 15px 5px 0; }
div.textblog div.metadata { clear: left; }
div.blog h2.latest { margin: 0 0 15px 0; }
/* NAVIGATION */
/* level 1 menu */
div.menu ul { margin: 0; padding: 0; }
div.menu ul li { list-style: none; float: left; }
div.menu ul li img.glow { display: none; }
div.menu ul li a { color: #ffffff; padding: 0 15px; text-decoration: none; display: block; height: 34px; line-height: 32px; border-right: #ffffff solid 1px; font-size: 1.1em; font-weight: bold; }
div.menu ul li.firstli a { }
div.menu ul li a:hover { text-decoration: none; background: #333333; }
div.menu ul li.selected a { text-decoration: none; color: #ffffff; background: #333333; }
div.menu ul li.selected a:hover { background: #333333; }
div.menu ul li.selected img.glow { display: block; position:absolute; margin: -30px 0 0 -13px; }
/* level 2 menu */
div.menu ul li ul { }
div.menu ul li:hover ul { }
div.menu ul li ul li { }
div.menu ul li ul li:hover { }
div.menu ul li ul li a { }
div.menu ul li ul li a:hover { }
div.menu ul li ul li.selected a { }
div.menu ul li.selected ul li a { }
div.menu ul li.selected ul li a:hover { }
/* level 3 menu */
div.menu ul li:hover ul li ul { }
div.menu ul li ul li:hover ul { }
div.menu ul li ul li ul li { }
div.menu ul li ul li ul li a { }
div.menu ul li ul li ul li.selected a { }
/* level 1 submenu */
div.submenu ul { margin: 0; padding: 0; }
div.submenu ul li { list-style: none; float: left; }
div.submenu ul li a { float: left; color: #000000; padding: 0 15px; text-decoration: none; display: block; height: 20px; line-height: 23px; border-left: #000000 solid 1px; font-size: 1em; font-weight: bold; }
div.submenu ul li:first-child a { border: none; }
div.submenu ul li a:hover { text-decoration: none; color: #ff2b06; }
div.submenu ul li.selected a { text-decoration: none; color: #ff2b06; }
/* level 2 submenu */
div.submenu ul li ul { }
div.submenu ul li ul li { }
div.submenu ul li.selected ul li a { }
div.submenu ul li ul li.selected a { }
/* level 3 submenu */
div.submenu ul li ul li ul { }
div.submenu ul li ul li ul li { }
div.submenu ul li ul li ul li a { }
div.submenu ul li ul li.selected ul li a { }
div.submenu ul li ul li ul li.selected a { }
/* header */
div.introwrap div.intro { }
/* top menu */
div.topmenu { position: absolute; top: 0; left: 0; font-size: 1em; height: 1.2em; text-align: right; width: 890px; padding: 3px 5px; }
div.topmenu a { text-decoration: none; padding: 0 5px; font-size: 0.9em; }
div.topmenu a:hover { text-decoration: underline; }
div.topmenu a.first { border:0; line-height: 2em; }
/* level 1 servicemenu */
div.servicemenu ul { margin: 0; padding: 0; list-style: none; }
div.servicemenu ul li { float: left; }
div.servicemenu ul li a { float: left; border-left: 1px solid #ededed; display: block; text-decoration: none; padding: 0 10px; }
div.servicemenu ul li a:hover { text-decoration: underline; }
div.servicemenu ul li:first-child a { border: none; }
div.servicemenu ul li.selected a { color: #ff2b06; }
/* language menu */
div.languagemenu { position: absolute; top: 65px; right: 10px; }
div.languagemenu ul { margin: 0; padding: 0; list-style: none; }
div.languagemenu ul li { float: left; }
div.languagemenu ul li a { float: left; display: block; padding: 2px 5px; text-decoration: none; color: #000000; font-weight: bold; }
div.languagemenu ul li a:hover { }
div.languagemenu ul li.selected a { color: #ff2b06; }
/* footer */
div.footer p { text-align: center; padding: 20px 0 0 0; }
div.footerwrap div.footer { position: relative; margin: 0 auto; width: 900px; padding: 15px 10px 30px 10px; }
div.footerwrap div.footermenu { margin: 0; padding: 0; }
div.footerwrap div.footermenu li { list-style: none; }
div.footerwrap div.footermenu li a { text-decoration: none; color: #FF2B06; font-size: 1.2em; }
div.footerwrap div.footermenu li a:hover { text-decoration: underline; }
ul.footermenublock { float: left; width: 280px; padding: 0 20px 0 0; }
ul.footermenublock li { padding: 0 0 5px 0; }
/* mashup box */
div.mashup { width: 595px; margin: 50px 0 50px 0; border-left: #ececec 1px solid; border-right: #ececec 1px solid; border-bottom: #ececec 1px solid;}
div.mashup div.topbar { height: 25px; background: #000000; }
div.mashup div.topbar a.mashuplink { color: #ffffff; font-weight: bold; margin: 0 0 0 10px; line-height: 2em; }
div.mashup div.mashupitem { float: left; margin: 20px 12px 30px 12px; }
div.mashup div.mashupitem p.mashuptext { color: #ff2b06; font-size: 0.9em; padding: 0; }
div.mashup div.mashupfooter { height: 35px; background: #f7f7f7; clear: both; margin: 30px 0 0 0; }
div.mashup div.mashupfooter p.mashupfootertext { position: relative; margin: 5px 0 0 465px; }
div.mashup div.mashupfooter img { margin-top: 7px; }
/*socialbar*/
div.socialbar { border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; padding: 5px 0; margin: 24px 0; }
div.socialbar div.socialitem { float:left; display: inline-block; min-height: 22px; padding: 4px; }
div.socialbar div.twitter { width:95px; overflow:hidden; }
div.socialbar div.inshare { width:105px; overflow:hidden; }
div.socialbar div.googleplus { width:80px; overflow:hidden; }
/* searchbox */
div.searchbox form { margin: 0; padding: 0; }
div.searchbox form fieldset { display: inline; }
div.searchbox form legend { display: none; }
div.searchbox form label { display: none; }
div.searchbox form input.text { background: url(../images/search.png) no-repeat 10px 6px #fcfcfc; border: 1px solid #bebebe; color: #bebebe; width: 100px; padding: 5px 15px 4px 30px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
div.searchbox form input.text:focus { width: 150px; border: 1px solid #EDEDED; }
div.searchbox form input.button { border: 1px solid #000000; background: #ffffff; font-weight: bold; color: #000000; width: 70px; height: 20px; }
/* old browser alert */
div.stoneage { padding: 5px 0px; background: #ffffff; color: #000000; border-bottom: 1px solid #1111111; }
div.stoneage div.stonewrap { text-align: left; width: 900px; }
div.stoneage div.iebrowsers { float: right; width: 320px; }
div.stoneage div.iebrowsers a { display: block; float: left; width: 90px; line-height: 24px; height: 24px; padding: 5px; margin: 1px; color: #ff2b06; text-align: left; font-size: 12px; text-decoration: none; }
div.stoneage div.ietext { width: 600px; display: block; float: left; }
@media screen and (max-width: 760px) {
div.topwrap { height: 370px; }
div.topmenu { width: 100%;}
div.top { width: auto; }
div.menu { height: 230px; width: 100%; background: #ffffff; }
div.menu ul { height: auto;}
div.menu ul li { float: none; }
div.menu ul li a { height: 26px; line-height: 26px; border-bottom: 1px solid #ffffff; padding: 0 26px; background: #000000; }
div.searchbox { display: none; }
div.submenu { top: 330px; }
div.submenu ul li a {
border: none;
height: 26px;
line-height: 26px;
padding: 0 15px; }
div.introwrap { width: auto; }
div.intro { display: none; width: auto; background: url(../images/robotheader2013.gif) no-repeat; height: 60px; background-size: 300px 60px; }
div.intro #flashcontent { display: none; }
div.mainwrap { width: auto; }
div.contentwrap { width: auto; min-height: 100px; }
div.content { width: auto; float: none; padding: 10px; }
div.aside { float: none; position: relative; margin: 0 auto;}
div.aside div.robotfoot { position: relative; }
div.footer,
div.footerwrap div.footer { width: auto; }
div.acontent { width: auto; }
}