/* ::::: http://maps.ntu.edu.sg/static/css/maps.css?v=26ad1 ::::: */

html.body, p { margin: 0px; padding: 0px; }
body { margin: 0px; width: auto; min-width: 1000px; font-family: Helvetica,Arial,sans-serif; font-size: 13px; color: rgb(35, 31, 32); overflow: hidden; }
form { margin-top: 0px; display: block; }
input[type="text"] { font-size: 17px; padding: 4px 2px; font-family: Arial,Helvetica,sans-serif; color: rgb(101, 101, 101); outline-style: none; }
input[type="submit"], input[type="button"] { height: 29px; vertical-align: top; cursor: pointer; }
a { color: rgb(4, 46, 114); text-decoration: underline; }
a:hover { color: rgb(192, 0, 18); text-decoration: underline; }
hr { clear: both; visibility: hidden; margin: 0px; padding: 0px; }
ol { width: 50%; margin: 15px auto; }
li { text-align: left; }
img { border: 1px solid rgb(204, 204, 204); padding: 3px; }
:focus { outline: 0px none; }
#header { display: block; height: 69px; width: 100%; background: rgb(107, 6, 0) url('header.png') no-repeat scroll 0% 0%; border-bottom: 5px solid rgb(0, 0, 0); }
#ntu { display: block; position: absolute; height: 69px; width: 150px; }
#ntuheader { float: right; padding: 0px; margin-right: -12px; }
#ntuheader:hover { text-decoration: none ! important; }
#sf { padding-top: 20px; }
#browse, #q, #ss, #fs { background: transparent url('undefined') repeat scroll 0% 0%; }
#browse { display: block; position: absolute; left: 550px; top: 20px; width: 72px; padding: 0px; z-index: 10; background-position: -394px 0px; background-repeat: no-repeat; border: 0px none; }
#browse:active { background-position: -394px -30px; }
#browse:active {  }
#menu { float: right; margin: 7px 6px 0px 0px; width: 300px; }
#menu a { padding: 0px 5px; font-weight: bold; font-family: Arial,sans-serif; font-size: 10px; border-right: 1px dotted rgb(255, 255, 255); color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; }
#menu a:hover { text-decoration: underline; }
#menu a.fix { border: 0px none; }
#header a img { border: 0px none; }
#sf { position: absolute; display: block; left: 160px; z-index: 999; }
#q { height: 23px; width: 316px; padding: 4px 0px 0px 4px; border: 0px none; background-repeat: no-repeat; outline-style: none; outline-width: 0px; }
#ss { position: absolute; left: 320px; top: 20px; width: 54px; height: 27px; border: 0px none; padding: 0px; background-position: -320px 0px; background-repeat: no-repeat; margin: 0px; }
#ss:active { background-position: -320px -30px; }
#ss:active {  }
#footer { display: block; position: relative; height: 28px; margin: 0px auto; background: rgb(35, 31, 32) none repeat scroll 0% 0%; z-index: 999; font-size: 11px; color: rgb(255, 255, 255); }
#footerleft { float: left; margin: 8px 0px 0px 10px; }
#footerright { float: right; margin: 8px 10px 0px 0px; }
#footerright span { padding: 0px 2px; }
#footerleft a { text-decoration: none; color: rgb(255, 255, 255); padding: 0px 5px; }
#footerleft a:hover, #footerright span a:hover { text-decoration: underline; }
#footerright a { color: rgb(255, 255, 255); border-right: 1px dotted rgb(255, 255, 255); padding: 0px 5px; }
#footerright span a { text-decoration: none; padding: 0px; border-right: medium none; }
#browse_container {  }
.ac_results, #about, #floorplan, #feed, #geturl, #getembed, #sendemail, #help {  }
.ac_results, #about, #floorplan, #browse_container, #feed, #geturl, #getembed, #sendemail, #help { position: absolute; display: none; background-color: rgb(255, 255, 255); }
#floorplan { top: 90px; left: 50%; margin-left: -350px; padding: 10px; width: 716px; z-index: 1001; }
#browse_container { top: 58px; left: 161px; z-index: 9999; }
#browse_container ul { border-right: 1px solid rgb(204, 204, 204); padding: 0px 10px; float: left; margin: 7px 0px 5px; }
#browse_container ul li { padding: 3px 0px; list-style: outside none none; }
#browse_container ul.last { border-right: medium none; }
#browse_container ul.first { padding-left: 6px; }
#browse_container hr { visibility: hidden; clear: both; }
#browse_tip { position: absolute; top: -9px; left: 415px; display: block; height: 9px; width: 18px; background: transparent url('undefined') no-repeat scroll 0% 0%; }
#browse_container h5 { margin: 0px 0px 6px; }
#browse_container li a { width: 100%; }
#content { overflow: hidden; position: relative; }
#map, #sv { margin: 0px; height: 1600px; position: absolute; top: 0px; right: 0px; }
#sv { display: block; top: -140px; z-index: 0; }
#panel { margin: 0px; padding: 10px; height: 1600px; width: 307px; border-right: 1px solid rgb(103, 103, 103); background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow-x: hidden; overflow-y: auto; }
#welcome p { margin: 0px 0px 10px; }
#welcome li { margin-bottom: 20px; }
#welcome ul { padding: 0px 0px 0px 30px; }
#welcome ul ul { list-style: outside none none; margin: 5px 0px 0px; padding: 0px 0px 0px 10px; }
#welcome ul ul li { margin: 7px 0px; padding: 0px; }
#buttons { position: absolute; top: 9px; right: 0px; width: 235px; z-index: 998; }
#mapmode, #satmode, #cammode, #shuttlemode { float: left; padding: 4px 7px; margin-left: 5px; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; background: rgb(25, 22, 23) none repeat scroll 0% 0%; cursor: pointer; }
#shuttlemode { width: 120px; }
#shuttlemode p { text-align: center; }
#shuttlemode ul { display: none; list-style: outside none none; padding: 0px; margin: 5px 0px 0px; }
#shuttlemode li, #shuttlemode label { cursor: pointer; margin: 2px 0px; }
#shuttlemode li div { margin-left: 0px; display: inline-block; width: 100px; }
.ntu_1 { color: rgb(75, 84, 228); }
.ntu_2 { color: rgb(197, 11, 47); }
.ntu_3 { color: rgb(0, 177, 91); }
.ntu_4 { color: rgb(189, 121, 92); }
#controls, #slider a { background: transparent url('undefined') no-repeat scroll 0% 0%; }
#controls { position: absolute; height: 110px; width: 25px; top: 44px; right: 8px; z-index: 5; }
#slider { position: absolute; height: 49px; width: 1px; top: 38px; right: 27px; }
#zoomin, #zoomout { position: absolute; display: block; height: 23px; width: 25px; right: 0px; cursor: pointer; }
#zoomin { top: 0px; }
#zoomout { top: 84px; }
#svcontrols { display: none; position: absolute; height: 80px; width: 25px; top: 7px; right: 9px; z-index: 5; }
#svclose { height: 30px; width: 30px; margin: 0px 0px 5px 3px; background: transparent url('bigclose.png') no-repeat scroll 0% 0%; cursor: pointer; }
#svzoomin, #svzoomout { height: 27px; width: 27px; background: transparent url('minizoom.png') no-repeat scroll 0% 0%; cursor: pointer; }
#svzoomout { background-position: 0px -27px; }
#about { top: 90px; left: 50%; margin-left: -200px; padding: 10px; width: 400px; height: 370px; z-index: 1001; }
#about h3 { margin: 0px 0px 7px; font-size: 15px; color: rgb(163, 13, 14); }
#about_container { height: 350px; width: 409px; overflow-x: hidden; overflow-y: scroll; }
#about p, #help p { line-height: 20px; margin: 0px 10px 10px 0px; }
#about h4, #help h4 { margin: 25px 10px 10px 0px; padding-bottom: 5px; border-bottom: 1px dotted rgb(0, 0, 0); }
#help { top: 90px; left: 50%; margin-left: -200px; padding: 10px; width: 400px; height: 370px; z-index: 1001; }
#help h3 { margin: 0px 0px 7px; font-size: 15px; color: rgb(163, 13, 14); }
#maplegend img { float: left; border: 0px none; margin: -4px 9px 0px -2px; }
#maplegend { margin: 13px 0px 0px; padding: 0px; }
#maplegend li { list-style-type: none; height: 25px; }
#help_container { height: 350px; width: 409px; overflow-x: hidden; overflow-y: scroll; }
#help ul, #help ol { margin: 0px; padding: 0px 0px 0px 20px; }
#help ul { margin-bottom: 10px; }
#help ol li { margin-bottom: 5px; }
#help ol { width: 90%; }
#help .toc { background: rgb(238, 238, 238) none repeat scroll 0% 0%; padding: 10px; line-height: 20px; width: 200px; }
#help .toc h4 { margin-top: 0px; padding-bottom: 3px; }
#help .btt { float: right; font-size: 10px; margin-right: 10px; }
#sendemail { top: 90px; left: 50%; margin-left: -217px; width: 435px; padding: 10px; z-index: 1001; }
#sendemail input[type="submit"], #sendemail input[type="button"] { margin: 15px 5px 0px 0px; }
#sendemail input[type="text"], #sendemail input[type="email"], #sendemail textarea { resize: none; border: 1px solid rgb(170, 170, 170); color: rgb(85, 85, 85); font-size: 13px; font-family: Helvetica,Arial; }
#sendemail input[type="text"]:focus, #sendemail input[type="email"]:focus, #sendemail textarea:focus { border-color: rgb(163, 15, 14); }
#sendemail input[type="text"], #sendemail input[type="email"] { height: 17px; line-height: 14px; }
#sendemail { font-weight: bold; color: rgb(155, 155, 155); }
#to, #from { display: block; }
#sendemail h3 { margin: 0px 0px 7px; font-size: 15px; color: rgb(163, 13, 14); }
#sendemail input[type="text"] { width: 205px; margin: 5px 0px; padding: 5px 0px 0px 5px; }
#emailto, #emailfrom { display: inline-block; float: left; height: 53px; width: 200px; margin-top: 10px; }
#sendemail #emailto { margin-right: 20px; }
#sendemail textarea { padding: 5px; width: 422px; min-height: 50px; color: rgb(101, 101, 101); margin-top: 5px; }
#geturl, #getembed { top: 90px; left: 50%; margin-left: -217px; padding: 10px; width: 435px; z-index: 1001; }
#geturl h3, #getembed h3 { margin: 0px 0px 7px; font-size: 15px; color: rgb(163, 13, 14); }
#geturl input[type="text"], #getembed input[type="text"] { width: 429px; height: 17px; line-height: 14px; margin-top: 5px; border: 1px solid rgb(170, 170, 170); font-size: 13px; font-family: Helvetica,Arial,sans-serif; }
#embed_0, #embed_1, #embed_2, #embed_3 { display: inline-block; padding-top: 10px; font-size: 13px; font-weight: bold; background-color: rgb(211, 211, 211); margin: 5px 10px 10px 0px; text-align: center; width: 60px; height: 27px; border: 1px solid rgb(170, 170, 170); color: rgb(101, 101, 101); text-decoration: none; }
#embed_1 { width: 70px; height: 34px; margin-top: -10px; }
#embed_2 { width: 80px; height: 40px; margin-top: -20px; }
#embed_3 { width: 100px; height: 52px; margin-top: -30px; }
#feed { font-weight: bold; color: rgb(155, 155, 155); }
#feed { top: 90px; left: 50%; margin-left: -217px; width: 435px; padding: 10px 10px 0px; z-index: 1001; }
#feed form, #trouble form { display: block; }
#feed h4, #trouble h4 { margin: 0px; color: rgb(163, 13, 14); font-size: 15px; }
#feed p, #trouble p { font-size: 13px; color: rgb(145, 148, 138); }
#feed input[type="submit"], #trouble input[type="submit"] { margin: 0px 5px 10px 0px; }
#feed input[type="text"], #feed input[type="email"], #trouble input[type="text"], #trouble input[type="email"], #feed textarea, #trouble textarea { resize: none; border: 1px solid rgb(170, 170, 170); color: rgb(35, 31, 32); font-size: 13px; font-family: Helvetica,Arial; }
#feed input[type="text"]:focus, #feed input[type="email"]:focus, #trouble input[type="text"]:focus, #trouble input[type="email"]:focus, #feed textarea:focus, #trouble textarea:focus { border-color: rgb(163, 15, 14); }
#feed input[type="text"], #feed input[type="email"] { height: 17px; line-height: 14px; }
#feed input[type="text"] { width: 205px; margin: 5px 0px; padding: 5px 0px 0px 5px; }
#feed textarea, #trouble textarea { display: block; border: 1px solid rgb(204, 204, 204); height: 80px; margin: 8px 0px 15px; padding: 5px; width: 420px; font-family: Helvetica,Arial,sans-serif; resize: none; }
#feedname, #feedemail { display: inline-block; float: left; height: 53px; width: 200px; margin-top: 5px; }
#feed #feedname { margin-right: 20px; }
#feedtype { margin: 13px 0px 3px; }
#fbt { width: 212px; margin-left: 37px; }
#feedmsg, #troublemsg, #emailmsg { display: none; padding: 5px; background: rgb(247, 231, 235) none repeat scroll 0% 0%; font-weight: normal; text-align: center; border-radius: 3px; }
#feedmsg, #emailmsg { margin: 10px 0px 5px; }
.btn { height: 29px; width: 60px; margin: 0px; padding: 0px; background: transparent url('undefined') no-repeat scroll 0% 0%; border: 0px none; }
.btn:active { background-position: 0px -30px; }
.btn:active {  }
.btn.cancel { background-position: -65px 0px; }
.btn.cancel:active { background-position: -65px -30px; }
.btn.cancel:active {  }
#scale { position: absolute; bottom: 5px; right: 8px; height: 40px; width: 150px; background: transparent url('undefined') repeat scroll 0% 0%; }
#scale.z15 { background-position: 0px -280px; }
#embedlogo { display: none; position: absolute; bottom: 5px; right: 8px; height: 40px; width: 66px; background: transparent url('undefined') repeat scroll 0% 0%; }
.close { position: absolute; right: -10px; top: -8px; width: 20px; height: 20px; cursor: pointer; background: transparent url('undefined') no-repeat scroll 0% 0%; }
#unsupported { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 9999; }
#unsupported div { margin: 50px auto; padding: 15px 0px; max-width: 650px; border-top: 1px dashed rgb(85, 85, 85); border-bottom: 1px dashed rgb(85, 85, 85); }
#unsupported img { float: left; border: medium none; }
#unsupported h1 { margin: 5px 0px 0px 40px; letter-spacing: -1px; color: rgb(255, 117, 117); }
#unsupported h3 { margin-left: 5px; }
#unsupported p { margin-left: 5px; }
#unsupported ul { margin: 10px 0px 20px 5px; padding-left: 15px; }
#unsupported ul li { margin-bottom: 5px; }
#unsupported a.fright { float: right; }
#mask { width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 9999; position: absolute; top: 0px; left: 0px; }
#fs { display: inline-block; }
#fs { background-position: -547px 0px; width: 72px; height: 30px; display: block; padding: 0px ! important; float: left; margin: -9px 9px 0px -11px ! important; }
#fs:active {  }
#fs:active { background-position: -547px -30px; }
#fs.active { background-position: -623px 0px; }
#fs.active:active {  }
#fs.active:active { background-position: -623px -30px; }
#menulink { display: block; float: right; margin-top: -4px; }
#menulink a { background: rgb(21, 21, 21) none repeat scroll 0% 0%; border-right: 1px solid rgb(0, 0, 0); padding: 1px 5px; }
#menulink a:hover { text-decoration: none; background-color: rgb(34, 34, 34); }
#menulink a:active { top: 2px; }
#mhelp {  }
#mprt {  }
#welcome img { margin-top: 5px; }