html {height:100%;}

body {
background:#2a2a2a;
margin: 0;
min-height: 100%;
}

p {
padding:0;
color:#666;
font-size:12px;
line-height:17px;
}

img { vertical-align: middle;}
img#wolframconnector { margin-left: 5px; }
#menu {
  position:absolute;
  top:0;
  left:0;
}
#menu .logo { background-image: url("../img/wolframlogo10-gray.gif"); }

#white-box-wrapper {
position:absolute;
top:50px;
bottom:0;
left:0;
right:0;
height:250px;
width:100%;
margin: auto;
}

#white-box {
margin:0 auto;
width:490px;
border: 1px solid #000000;
border-radius: 6px;

}

#white-box-header{
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background:#e3e3e3;
background: -webkit-gradient(linear, center top, center bottom, from(#f2f2f2), to(#e3e3e3));
background: -webkit-linear-gradient(top, #f2f2f2, #e3e3e3);
background: -moz-linear-gradient(top, #f2f2f2, #e3e3e3);
background: -o-linear-gradient(top, #f2f2f2, #e3e3e3);
background: -ms-linear-gradient(top, #f2f2f2, #e3e3e3);
background: linear-gradient(to bottom, #f2f2f2, #e3e3e3);
color:#666;
border-bottom: 1px solid #b3b3b3;
font-size:18px;
font-family: "Helvetica Neue", Arial, sans serif;
padding:15px 20px;
}

#white-box-content{
background: #f2f2f2;
border-radius: 0 0 5px 5px;
height:180px !important;
height:180px;
padding:0px;
}

#content-wrapper {
float:left;
width:450px;
margin:0 0 0 20px;
}

#access-key-wrapper {
border:1px solid #adadad;
padding:9px;
border-radius: 4px;
font-size:13px;
color:#3a3a3a;
width:420px;
max-width:420px;
height:70px;
max-height:70px;
font-family: "Helvetica Neue", Arial, sans serif;
}