html,body{
width:100%;
margin:0;
background-color:#fff;
}
div.contents{
width:980px;
margin:0 auto;
}
div#wrap1{
width:100%;
min-width:1000px;
background-color:#003D06;
}
div#welcome{
float:left;
font-family:'oxygenlight',sans-serif;
font-size:90px;
color:#00CC22;
}
div#logo{
float:right;
margin-top:30px;
opacity:0.8;
}
div#logo div{
font-family:'oxygenlight',sans-serif;
font-size:35px;
margin-top:10px;
}
div#welcomeMsg{
clear:both;
text-align:left;
font-family:'oxygenlight',sans-serif;
font-size:28px;
color:#F4DD80;
padding-top:20px;
padding-bottom:20px;
margin-bottom:0px;
border-top-color:#00CC22;
border-top-style:solid;
border-top-width:1px;
}
span.ok{
color:#00C922;
}
span.ko{
color:#FF2E2E;
}
div#wrap2{
width:100%;
min-width:1000px;
background-color:#FFFFFF;
padding-bottom:30px;
}
div.demoBox{
width:478px;
height:200px;
border-color:#00CC22;
border-style:solid;
border-width:1px;
display:inline-block;
overflow:hidden;
}
div.emptyDemoBox{
border-color:transparent;
}
#stocks{
display:none;
}
table#stockTable{
table-layout:fixed;
overflow:hidden;
border:0;
border-spacing:0;
border-collapse:collapse;
width:100%;
height:100%;
}
td.stockColumnTitle{
font-family:'oxygenbold',sans-serif;
font-size:14px;
text-align:right;
color:#00CC22;
border-bottom-color:#00CC22;
border-bottom-style:solid;
border-bottom-width:1px;
padding:2px 0 2px 3px;
}
.stockCell{
font-family:'oxygenregular',sans-serif;
font-size:13px;
color:#003D06;
line-height:24px;
font-weight:normal;
text-align:right;
padding:0;
white-space:nowrap;
}
div#telemetryContainer{
background-image:url('../img/car.png');
background-repeat:no-repeat;
background-position:center right;
width:100%;
height:100%;
}
div#telemetryTableContainer{
float:left;
height:100%;
width:155px;
margin:0 7px;
}
span.telemetryTag{
font-family:'oxygenbold',sans-serif;
font-size:14px;
text-align:right;
color:#00CC22;
}
div.telemetryValue{
font-family:'oxygenregular',sans-serif;
font-size:14px;
color:#003D06;
float:right;
}
div#telemetryChartContainer{
float:right;
height:100%;
width:307px;
border-left-color:#00CC22;
border-left-style:dotted;
border-left-width:1px;
}
div.telemetryChartTitle{
font-family:'oxygenregular',sans-serif;
font-size:14px;
color:#003D06;
padding-left:5px;
height:20px;
overflow:hidden;
}
div.telemetryChart{
width:100%;
height:80px;
}
div#chatContainer{
width:100%;
height:170px;
overflow:auto;
background-image:url("../img/chat.png");
background-repeat:no-repeat;
background-position:center center;
position:relative;
}
div#chatInnerContainer{
width:478px;
max-height:170px;
overflow:auto;
position:absolute;
bottom:0;
}
div.chatMessage{
border-top-style:solid;
border-top-width:1px;
border-top-color:#00CC22;
padding:3px;
opacity:0.9;
}
div.chatMessageTimestamp{
font-family:sans-serif;
font-size:12px;
color:#000;
display:inline-block;
vertical-align:top;
margin-top:3px;
margin-right:8px;
}
div.chatMessageText{
font-family:'oxygenregular',sans-serif;
font-size:13px;
display:inline-block;
word-break:break-all;
max-width:390px;
vertical-align:top;
color:#000;
}
input.chatInputEmpty{
font-family:'oxygenregular',sans-serif;
font-size:14px;
color:#003D06;
background-color:#FFFFFF;
width:398px;
height:27px;
padding:1px 10px 1px 10px;
border-style:solid;
border-width:1px 0 0 0;
border-color:#00CC22;
}
input#chatButton{
font-family:'oxygenbold',sans-serif;
font-size:13px;
color:#00CC22;
width:60px;
height:31px;
padding:1px 0 1px 0;
text-align:center;
background-color:#003D06;
cursor:pointer;
border-style:solid;
border-width:1px 0 0 0;
border-color:#00CC22;
}
input#chatButton:hover{
color:#FFFFFF;
background-color:#00A81B;
}
input#chatButton:active{
background-color:#003D06;
}
div#roomContainer{
position:relative;
width:100%;
height:100%;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
div.roomButton{
background-repeat:no-repeat;
position:absolute;
text-align:center;
font-family:'oxygenbold',sans-serif;
font-size:13px;
color:#00CC22;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
z-index:100;
}
div.roomButton:hover{
color:#FFFFFF;
}
div.upButton{
background-image:url(../img/up-b.png);
}
div.upButton:hover{
background-image:url(../img/up.png);
}
div.upButton:active{
background-image:url(../img/up-b.png);
}
div.downButton{
background-image:url(../img/down-b.png);
}
div.downButton:hover{
background-image:url(../img/down.png);
}
div.downButton:active{
background-image:url(../img/down-b.png);
}
div.leftButton{
background-image:url(../img/left-b.png);
}
div.leftButton:hover{
background-image:url(../img/left.png);
}
div.leftButton:active{
background-image:url(../img/left-b.png);
}
div.rightButton{
background-image:url(../img/right-b.png);
}
div.rightButton:hover{
background-image:url(../img/right.png);
}
div.rightButton:active{
background-image:url(../img/right-b.png);
}
div.divBall{
position:absolute;
z-index:2;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}
div.divPerson{
position:absolute;
z-index:3;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}
div#moreBrowsers{
font-family:'oxygenregular',sans-serif;
font-size:16px;
color:#003D06;
width:400px;
text-align:center;
margin:0 auto;
cursor:pointer;
}
div#moreBrowsers.left{
margin:0;
text-align:left;
}
div.buttonContainer{
width:100%;
text-align:center;
margin-top:35px;
}
.demoBox .buttonContainer{
margin-top:130px;
}
a.button{
text-decoration:none;
text-align:center;
}
input#moreDemosButton{
font-family:'oxygenregular',sans-serif;
font-size:25px;
color:#00CC22;
height:70px;
width:412px;
padding:1px 0 1px 0;
border:0;
text-align:center;
background-color:#003D06;
padding-left:20px;
padding-right:20px;
cursor:pointer;
}
input#moreDemosButton:hover{
color:#FFFFFF;
background-color:#00A81B;
}
input#moreDemosButton:active{
background-color:#003D06;
}
div#wrap3{
width:100%;
min-width:1000px;
background-color:#BFF2C8;
padding-top:30px;
padding-bottom:30px;
}
div#monitorIntro{
font-family:'oxygenregular',sans-serif;
font-size:16px;
color:#003D06;
width:100%;
text-align:center;
margin-bottom:30px;
}
div#monitorImgContainer{
width:729px;
height:310px;
margin:0 auto;
position:relative;
margin-bottom:30px;
text-align:center;
}
img#monitorFront{
border:0;
height:100%;
}
input#monitorButton{
font-family:'oxygenregular',sans-serif;
font-size:25px;
color:#00CC22;
height:70px;
width:412px;
padding:1px 0 1px 0;
border:0;
text-align:center;
background-color:#003D06;
padding-left:20px;
padding-right:20px;
cursor:pointer;
}
input#monitorButton:hover{
color:#FFFFFF;
background-color:#00A81B;
}
input#monitorButton:active{
background-color:#003D06;
}
div#wrap4{
width:100%;
min-width:1000px;
background-color:#FFFFFF;
padding-top:30px;
padding-bottom:30px;
}
div.h{
}
tr.head1{
height:69px;
font-size:15px;
}
td.head2{
height:66px;
font-size:14px;
}
tr.head3{
color:#40D959;
font-size:14px;
text-align:left;
background-color:#003D06;
}
tr.head3 > th{
padding:4px;
}
td.tablebody{
font-size:12px;
}
td.col1{
background-color:#BFF2C8;
color:#003D06;
}
td.h2{
background-color:#BFF2C8;
}
table.featuresTable{
font-family:'oxygenregular',sans-serif;
font-size:12px;
color:#003D06;
margin-top:10px;
text-align:center;
border-color:#003D06;
border-style:solid;
border-width:1px;
border-collapse:collapse;
padding:1px 1px 5px 1px;
border-spacing:1px;
}
table.featuresTable td,th{
border:1px solid #003D06;
}
table.featuresTable a{
color:#003D06;
text-decoration:none;
}
div#EditionTitle{
clear:both;
font-family:'oxygenregular',sans-serif;
color:#003D06;
width:100%;
text-align:center;
}
p.tablenote{
font-family:'oxygenregular',sans-serif;
font-size:11px;
color:#003D06;
}
p.tablenote2{
font-family:'oxygenregular',sans-serif;
font-size:16px;
color:#003D06;
}
a.tablenote2{
font-family:'oxygenregular',sans-serif;
font-size:13px;
color:#003D06;
padding-left:15px;
text-align:right;
}
td.col1{
text-align:left;
padding-left:4px;
}
abbr.tooltip{
border-bottom:1px dotted;
text-decoration:none;
}
abbr.tooltip_nou{
text-decoration:none;
}
div.auth{
font-family:'oxygenregular',sans-serif;
font-size:16px;
text-align:center;
background-color:#EAEAEA;
width:740px;
height:180px;
position:relative;
padding-top:65px;
margin:0 auto;
opacity:.95;
box-shadow:0 8px 17px 0 rgba(0,0,0,0.2);
}
div.loginerror{
font-family:'oxygenregular',sans-serif;
font-size:12px;
color:red;
text-align:left;
}