/* used on the index page */
body.mobiledisplay {background:url('images/pearl.jpg') no-repeat fixed 40px 0px;}
#screen { width:240px; height:260px; position:absolute; top:118px; left:84px;}

/* used on pages emulating a mobile look-and-feel */
body.mobilepage {background-color:black; color:white;}
a .button {background-color:gray; color:black; text-align:center; width:200px;}
a:hover .button {background-color:silver;}
.active {font-weight:bold;}
.normal-bottom-space {margin-bottom:10px;}
a {text-decoration:none;}
h1 {font-family:sans-serif; font-weight:bold; margin-top:10px; margin-bottom:20px;}

/* used on login page */
#submitbutton {visibility:hidden;}
#badpassword {display:none; color:red;}

/* used on task page */
.task-element {margin-bottom:10px;}
.task-element .head {font-weight:bold;}