#Div1{display:inline;}
#main{background-color: #ede8d5; border: 1px solid #996937;
	  width: 95%; margin-left: auto; margin-right: auto; padding: 15px;}
#Results{width: 95%; margin-left:auto; margin-right:auto; 
		 margin-top:15px; padding:3px;}
#officebtn{float:right; display:block;}
#submit{float:left; margin-left:100px;}
#btnpnl{margin-top:15px; display:inline;}
#next{float:right;}
#prev{padding-top:15px;}
#nameBox{display:inline; text-decoration:underline; font-weight:bold; padding-bottom:3px;}
#profilePanel{display:inline; float:left;}
#infoPanel{display:inline; position:relative; float:left;}
#emailimg{padding-top:3px;}
#officeContainer{width: 93%; display:block; position:absolute;}
#header-logo {left: 0px; padding-top: 2px; position: absolute; top: 0; z-index: 101;}

.fieldLine{text-align:justify; left:10px; border:3px;}
.fLabel{display:inline; margin-right:3px; text-align:justify;}

.single{width:100%; padding-top:0.5em; padding-bottom:0.5em;}
.resultSubPanel{display:block;}
.resultLabel{display:inline; font-weight:bold; text-align:right; float:left;}
.resultBox{display:inline;}
.pgnav{display:inline;}

.officeSubPanel{height:30px; display:block; margin-top:20px;}
.officeHeading{font-size: 150%;}
.officeName{display: inline; float:left;}
.officeNo{display:inline; float:right;}

/*Fixing "guillotine" bug where panels' contents overflow their boundaries*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */

.officePanels{display:block; padding:0.5em;}

@media only screen and (max-width: 700px){
    /*Resize things important to the page*/
    #header-container {width: 95%;}
    #content-container-inside,
    #Results {padding: 0px 15px 0 0;}
    #MainContent_DeptList{width: 90%;}
    #content-container, 
    #main, 
    #content-middle{width: 100%; border: none; overflow:hidden;}
    #submit{float:left; margin-left:1%;}
    #officebtn{float:left; display:block; margin-left: 5%;}
	.officeSubPanel{padding-left:15px !important;}
    .resultLabel{width:35% !important;}
    .resultBox{width: 65% !important;}

    /*Hide nonessentials*/
    #footer,
    #left-nav,
    #mid-nav,
    #mid-nav-container,
    #header-nav,
    #header-image,
    #header-images-container,
    #profilePanel,
    .resultLabel {display: none;}
}