html {padding-top:130px}
#oPrompt {position:fixed; top:0px; height:100%; width:100%; background-image:url("../images/trans.gif"); display:none}
#top {position:fixed; top:0px; left:0px; right:0px; height:130px}
#top td {vertical-align:top}
#oSignIn {padding-top:15px; clear:both}
#username, #password {height:21px; width:150px; background-repeat:no-repeat; background-position:center center; border:0px none transparent; margin:0px 0px 2px 6px}
#signInButton {margin-left:6px}
#registerButton {margin-left:3px}
.menu {margin:3px 0px 0px 4px}
#oStudentCard {width:335px; display:none}
#oStudentCard .menuOpener {padding:1px 2px; line-height:13px}
#studentCardRight {text-align:right; width:45px; padding:3px 2px}
.signedIn #oSignIn {display:none}
.signedIn #oStudentCard, .signedIn #right {display:block}
#studentCardClearer {clear:both}
#right {float:right; padding:6px 36px 0px 0px; width:225px; max-width:40%; display:none}
.sidePageState #right {margin-right:200px}
#topClearer {clear:both; display:none}
#oWhosOnlineA {margin-top:5px}
.sidePageState #oSearchPane {right:200px}
#oFindMore {width:200px; margin-top:10px}
#oSearchPreview {position:absolute; color:white; background-color:darkblue; width:200px; padding:5px; z-index:3; display:none}
#oSearchPreview div {text-align:center}
#oMailbox {top:80px; left:80px}
#oMessage {top:80px; left:140px}
#oMailList {height:72px; background-color:white; overflow:auto}
#oMailList td {vertical-align:top}
#oMailList td div {height:15px; overflow:hidden}
.mailListMessage {height:14px; overflow:hidden; padding:2px 0px}
#oMessageImage {text-align:center; background-color:#dddddd; padding:2px}
#oMessageImage, #oMessageImage img {width:110px}
#oMessageImage img {max-height:200px; cursor:pointer}
#oMFilterTD {width:125px}
#messagePane {vertical-align:top; background-color:white}
#oMessage {top:80px; left:140px; width:500px}
#oMessageContent {overflow:auto; vertical-align:top; padding:5px}
#oComposeMessageContent {height:150px; width:100%; box-sizing:border-box}
#oChatInviteOffline {width:400px}
#chatInviteOfflineEmail {width:140px}
#oViewCommunities {width:250px}
#welcomeDiv {width:95%; max-width:700px; margin:0px auto; box-sizing:border-box}
#welcomeBox1, #welcomeBox2, #welcomeBox3 {float:left; padding-top:10px; text-align:center}
#welcomeBox1 {width:44%; margin-right:1.5%}
#welcomeBox2 {width:30%; margin-right:1.5%}
#welcomeBox3 {width:23%}
#oForgotPassword {padding-top:10px; display:none; clear:both}
#dontHaveTime {clear:both; padding-top:15px}
#signature {padding:10px 0px 15px 0px}
.pageDiv {display:none}
.sidePageDiv {position:fixed; top:0px; bottom:0px; right:0px; width:200px}
.pageDivContent {padding:10px}
html.sidePageState {margin-right:200px}
.sidePageState #oAlerts {position:absolute; top:6px; left:6px; z-index:5}
#pageSignIn {display:block}
#oMailbox {top:80px; left:80px; max-width:500px}
#oBigPicture {position:fixed; top:30px; bottom:30px; left:30px; right:30px}
#oBigPictureScroller {position:absolute; top:60px; bottom:5px; left:5px; right:5px; overflow:auto}
#oBigPictureImage {padding:0px; margin:0px; cursor:pointer}