+ text-align: right;
+ z-index: 1;
+ }
+
+ul.loginregister li {
+ display:inline;
+ border: 0px;
+ border-top: 2px solid #000;
+ border-left: 2px solid #000;
+ padding: 0.5em 0.75em;
+ padding-bottom: 0.25em;
+ background-color: #eee;
+}
+
+ul.loginregister li:last-child { border-right: 2px solid #000;}
+ul.loginregister li:hover {background-color: #aaa; }
+
+.doregister {display: none;}
+.dologin label,.doregister label {float:left; width: 6em; }
+
+
+.login fieldset{
+ width: 24em;
+ margin: 0.0em auto;
+ margin-bottom: 0.5em;
+ padding: 0.5em 0.5em 1.5em;
+ text-align: center;
+}
+
+fieldset {
+ border: 2px solid #000;
+ padding: 0.5em 0.5em 0.75em;
+ background-color: #eee;
+}
+
+fieldset p {
+ font-size:smaller;
+}
+
+.login label, .login input{ margin: 0.5em 0.5em 0.75em;}
+
+.login label{
+ float:left;
+ width:7em;
+ text-align: left;
+}
+
+.login input #email, .login input #password{
+ width:9em;
+ float:right;
+}
+
+.login .submitbutton { background-color: #fff;}
+.login .submitbutton:hover { background-color: #aaa;}
+
+#openid_url {
+ background: #FFFFFF url('openid-icon-small.gif') no-repeat scroll 0pt 50%;
+ padding-left: 18px;
+}
+
+table.openid td, table.openid th{
+ padding: 0.0em 0.3em;;
+}
+
+.newbiehint {
+ background-color: #fee;
+}
+
+.vacation {
+ color: #666;
+ background-color: #fc3;
+}
+
+.highcall {
+ background-color: #fc3;
+}
+
+.about {
+ margin-left: 20%;
+ margin-right: 20%;
+ padding-top: 10%;
+}
+
+.about ul {
+ margin-left: 2em;
+}
+
+.about div {
+ width:12em;
+ height: 6em;
+ margin: 2em;
+ padding: 1em;
+ float:left;
+ border: 1px solid black;
+}
+
+.about .code {
+ background-color: #729fcf;
+}
+.about .database {
+ background-color: #8ae234;
+}
+.about .graphics {
+ background-color: #e9b96e;
+}
+.about .translation {
+ background-color: #fce94f;
+}
+
+
+/* special layout for mobile devices */
+@media only screen and (max-width: 900px) {
+.main {
+ background-color: #fff;
+ margin-left: 0em;
+ margin-right: 0em;
+}
+
+header, footer {
+ margin-left: 0em;
+ margin-right: 0em;
+}
+
+.lastlogin {
+ position: relative;
+ left: 0em;
+ top: 0em;
+ width: 100%;
+ text-align: center;
+ border-top: 1px solid gray;
+}
+
+.session div.sessionscore div, .status {
+ right:0em;
+}
+
+.notes {
+ position:relative;
+ top:0em;
+ left:0;
+ margin:0.1em;
+ margin-top:0em;
+ margin-left:0em;
+
+ width: 100%;
+
+ border: 2px solid gray;
+
+ padding:0.3em;
+
+ background-color: #efefef;
+
+ height:100%;
+ overflow: auto;
+ z-index:0;
+}
+
+.user { margin-left:5%;margin-right:5%; }
+
+.message {
+ position: relative;
+ background-color: #fff;
+ width: 100%;
+ top:0em;
+ left:0%;
+ right:0%;
+ text-align: center;
+ z-index:1;
+}
+.message >div { border: 2px solid black; }
+.message div div {
+ width: 100%;
+ text-align: right;
+ font-size: smaller;
+}