@media (max-width: 810px)
{
    html {padding-top:0px} #top {position:static; height:auto} #oSignIn {padding-top:0px; padding-bottom:10px; margin-top:5px} #oSignIn input {display:block; margin:2px auto} #signInButton, #registerButton {margin-left:auto}
    #logoAndSlogan {float:none; margin:0px auto} .signedIn #logoAndSlogan {float:left; margin:0px} #oStudentCard {clear:both; margin:0px auto; float:none}
    #topClearer {display:block} #oSearchPreview {display:none !important}
    #oMailbox {top:100px; width:auto} .popup, #oMailbox, #oMessage {left:0px} #oMFilterTD, #oMFilter {width:50px} #oMessageImage, #oMessageImage img {width:75px}
    #welcomeBox1, #welcomeBox2, #welcomeBox3 {width:100%; margin-right:0px}
    #homeLeft {margin-right:0px} #homeRight {display:none} #snsTabs {display:none} #snsContent div {display:block} #homeLowerLeft, #homeLowerRight {float:none; width:auto; margin-right:0px}
    .pageData {width:auto} .pageLeft, .pageRight {float:none} .pageLeft {margin:0px auto} .pageRight {width:auto; padding-left:5px}
}
@media (max-width: 410px) {#oStudentCard {width:auto} .studentCardPicture {max-width:125px; height:auto}}

@media (max-width: 1010px)
{
    html.sidePageState {padding-top:0px} .sidePageState #top {position:static; height:auto} .sidePageState #oSignIn {padding-top:0px; padding-bottom:10px; margin-top:5px} .sidePageState #oSignIn input {display:block; margin:0px auto} .sidePageState #signInButton, .sidePageState #registerButton {margin-left:auto}
    #right {margin-right:0px !important}
    .sidePageState #logoAndSlogan {float:none; margin:0px auto} .signedIn.sidePageState #logoAndSlogan {float:left; margin:0px} .sidePageState #oStudentCard {clear:both; margin:0px auto; float:none}
    .sidePageState #topClearer {display:block} .sidePageState #oSearchPreview {display:none !important}
    .sidePageState #oMailbox {top:100px; width:auto} .sidePageState .popup {left:0px} .sidePageState #oMFilterTD, .sidePageState #oMFilter {width:50px} .sidePageState #oMessageImage, .sidePageState #oMessageImage img {width:75px}
    .sidePageState #welcomeBox1, .sidePageState #welcomeBox2, .sidePageState #welcomeBox3 {width:100%; margin-right:0px}
    .sidePageState #homeLeft {margin-right:0px} .sidePageState #homeRight {display:none} .sidePageState #snsTabs {display:none} .sidePageState #snsContent div {display:block} .sidePageState #homeLowerLeft, .sidePageState #homeLowerRight {float:none; width:auto; margin-right:0px}
    .sidePageState .pageData {width:auto} .sidePageState .pageLeft, .sidePageState .pageRight {float:none} .sidePageState .pageLeft {margin:0px auto} .sidePageState .pageRight {width:auto; padding-left:5px}
}
@media (max-width: 610px) {.sidePageState #oStudentCard {width:auto} .sidePageState .studentCardPicture {max-width:125px; height:auto}}

@media (max-width: 550px) {.sidePageState, .sidePageState body {height:100%; width:100%} .sidePageState #top {display:none} .sidePageState .pageDiv {display:none !important} .sidePageState .pageDiv.sidePageDiv {display:block !important; position:static; height:100%; width:100%}}
@media (max-width: 410px), (max-height: 615px)
{
    @-ms-viewport {width:device-width}
}