/* author : Tanuja Devli filename: positioning.css created : March 2007 description : positioning scheme for MCI */ /* define layout blocks for landing page */ #container { position:absolute; width:755px; } #popupContainer { width: 570px; height: 420px; z-index: 0; position: relative; } /* index page blocks */ #header { position:absolute; top:0px; left:0px; background-color:#014E72; width:760px; height:198px; } #subheader {position:absolute; left:0px; background-image:url(../images/baseBlend.jpg); width:330px; font-size:1px; top:198px; height: 3px; } #copyTitle { position:absolute; top:200px; left:0px; background-color:#014E72; width:330px; height:50px; } #copyTitleContent { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; } #copy { position:absolute; top:250px; left:0px; background-color:#014E72; width:330px;} #copyContent { padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 100px; font-size:12px; color:#FFFFFF; } #links { position:absolute; top: 590px; left:0px; background-color:#014E72; width:330px; height:40px; } #linksContent { padding-top: 0px; padding-left: 20px; padding-right: 20px; font-size:12px;background-color:#014E72;} #campusaddress { position:absolute; top: 420px; left:0px; background-color:#014E72; width:330px; height:40px; } #campusaddressContent { padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 40px; font-size:12px; color:#FFFFFF} #campusaddressFooter { position:absolute; top: 480px; left:0px; background-color: #014E72; width:330px; height:319px; } #campusaddressFooterContent { padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 20px; font-size:11px; color: #FFFFFF; } #address { position:absolute; top: 420px; left:0px; background-color:#014E72; width:330px; height:40px; } #addressContent { padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 40px; font-size:12px; color:#FFFFFF} #addressFooter { position:absolute; top: 460px; left:0px; background-color: #014E72; width:330px; height:339px; } #addressFooterContent { padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 20px; font-size:11px; color: #FFFFFF; } #copyFooter { position:absolute; top: 634px; left:0px; background-color: #014E72; width:330px; height:60px; } #copyFooterContent { padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 20px; font-size:11px; color: #FFFFFF; } #footerLinks { position:absolute; top:670px; left:0px; background-color:#FFFFFF; width:380px; height: 35px; } #footerLinksContent { padding-top:12px; text-align:left; padding-left: 10px; color: #014E72;/* font-family: verdana;*/ size: 10px; } #copyright { position:absolute; top:670px; left:380px; background-color:#FFFFFF; width:380px; height: 35px; } #copyrightContent { text-align: right; padding-top:10px; color: #014E72; padding-right: 3px; /*font-family: verdana;*/ size: 10px; } #ffooterLinks { position:absolute; top:800px; left:0px; background-color:#FFFFFF; width:380px; height: 35px; } #ffooterLinksContent { padding-top:12px; text-align:left; padding-left: 10px; color: #014E72; /*font-family: verdana; */size: 10px; } #fcopyright { position:absolute; top:800px; left:380px; background-color:#FFFFFF; width:380px; height: 35px; } #fcopyrightContent { text-align: right; padding-top:10px; color: #014E72; padding-right: 3px; /*font-family: verdana;*/ size: 10px; } /*#copyFooterRight { position:absolute; left:345px; width:500px; height:10px; }*/ /* form page blocks */ #form { position:absolute; top:215px; bottom:600px; left:345px; background-color:#AEEAF4; width:400px; height:385px; border-style:solid; border-width: 0px; } #formContent { padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top: 10px; } #mform { position:absolute; top:215px; bottom:750px; left:345px; background-color:#AEEAF4; width:400px; height:560px; border-style:solid; border-width: 0px; } #mformContent { padding-left: 20px; padding-right: 20px; padding-bottom: 10px; padding-top: 10px; } #formLeft { position:absolute; left:330px; background-image:url(../images/baseBlend.jpg); width:415px; font-size:1px; top:198px; height: 475px; } #formRight { position:absolute; left:745px; background-image:url(../images/baseBlend.jpg); width:15px; font-size:1px; top:198px; height: 475px; } #mformLeft { position:absolute; left:330px; background-image:url(../images/mmbaseBlend.gif); width:415px; font-size:1px; top:186px; height: 625px; } #mformRight { position:absolute; left:745px; background-image:url(../images/mmbaseBlend.gif); width:15px; font-size:1px; top:186px; height: 625px; } #formHeader { position: absolute; left:345px;top:200px; background-color:#014E72; width:400px; height: 15px; font-size:1px; } #mformHeader { position: absolute; left:345px;top:200px; background-color:#014E72; width:400px; height: 20px; font-size:1px; } /*#formFooter { position:absolute; left:345px; background-color:#81C9DB; width:400px; height:1px; font-size:1px; }*/ /* content blocks */ #row { width: 350px; /*height: 25px;*/ padding-top: 3px; padding-bottom: 3px; padding-left: 5px; } #pagecopyContent { padding-top: 15px; padding-left: 15px; padding-right: 15px; font-weight: normal; text-align: left; overflow: hidden; } #campusAddContent { padding-top: 2px; padding-left: 15px; padding-right: 15px; font-weight: normal; text-align: left; overflow: hidden; } #footerContent { padding-top: 3px; padding-left: 15px; } #topnavContent { padding-left: 20px; padding-top: 5px; } /* Non Form Elements */ #nonFormCopy { position: absolute; z-index: 1; width: 760px; top:200px; height: 300px; left: 0px; background-color: #014E72; } #nonFormCopyContent { text-align: left; padding-top: 35px; padding-left: 100px; padding-right: 35px; font-size:12px; padding-bottom: 35px; color: #FFFFFF; } /* Program Pop Up Elements */ body.progPopBdy { margin-left:0px; margin-top:0px;} #popUpHeader { position: absolute; width: 570px; height: 60px; top:0px; left: 0px; background-color: #014E72; } #popUpHeaderContent { text-align: center; padding-top: 20px; padding-bottom: 15px; font-family:arial; color: #FFFFFF; font-size: 25px;} #ppopUpSubHeader { position: absolute; width: 570px; height: 40px; top:60px; left: 0px; background-color: #AEEAF4; } #ppopUpSubHeaderContent { padding-right:45px; text-align:right; padding-top: 15px; padding-bottom: 5px; } /*#popUpTitle { position: absolute; z-index: 1; width: 210px; height: 43px; top:84px; left: 0px; background-color: #AEEAF4; text-align:left; } #popUpTitleContent { padding-left: 18px; padding-top: 20px; } #popupTopLink { position: absolute; z-index: 1; width: 290px; height: 43px; top:84px; left: 210px; background-color: #AEEAF4; } #popUpTopLinkContent { text-align: right; padding-right: 2px; padding-top: 25px; }*/ #popupLeftCopy { position: absolute; z-index: 1; width: 570px; top:100px; height: 305px; left: 0px; background-color: #AEEAF4; } #popupLeftCopyContent { padding-left: 20px; padding-right: 10px; padding-top: 20px; text-align: left; font-size: 12px;/* font-family: arial; */font-weight: bold; padding-bottom: 15px; } #popupMainCopy { position: absolute; z-index: 1; width: 320px; height:280px; top:100px; left: 205px; border-style:solid; border-color:#AEEAF4; border-width: 2px; background-color: #DDF7FB; } #popupMainCopyContent { padding-left: 15px; padding-right: 30px; text-align: left; padding-top: 15px; font-size: 12px; /*font-family: arial;*/ padding-bottom: 15px; } /*#popupFooter { position: absolute; z-index: 1; width: 570px; height:40px; left: 0px; background-color: #AEEAF4; } #popupFooterContent { padding-top: 15px; text-align: right; padding-right: 35px; } #popUpRightSpacer { position: absolute; z-index: 1; width: 10px; top:127px; left: 490px; background-color: #AEEAF4; }*/ /* Regular Pop Up Elements */ body.regPopBdy { margin-left:0px; margin-top:0px; } /*#regPopSpacer { padding-top: 4px; text-align:right; background-color: #AEEAF4; padding-right: 40px; height:30px; }*/ #regPopUpHeader { position:relative; width:370px; height:60px; background-color:#014E72; } #regPopUpHeaderContent { text-align:center; padding-top:6px; /* font-family: arial;*/ color: #FFFFFF; font-size: 25px; } #popUpSubHeader { position: absolute; z-index: 1; width: 370px; height: 40px; top: 60px; left: 0px; background-color: #AEEAF4; } #popUpSubHeaderContent { padding-right:35px; text-align:right; padding-top: 15px; } /*#regPopTitle { position:relative; width:350px; height:46px; background-color:#AEEAF4; } #regPopTitleContent { text-align:left; padding-top: 15px; padding-left:30px; font-weight:bold; font-size: 13px; }*/ #regPopCopy { position:absolute; top: 100px; width:370px; height:350px; background-color:#AEEAF4; } #regPopCopyContent { text-align:left; padding-top: 10px; padding-left: 30px; padding-right:30px; padding-bottom:30px; font-size: 12px; background-color:#AEEAF4; /*font-family: arial;*/ } /*#regPopFtr { position:relative; width:350px; height:30px; background-color:#AEEAF4; } #regPopFtrContent { text-align:right; padding-right:20px; padding-top:0px; }*/ #submitBtn { position : absolute; top : 520px; left : 135px; }