@font-face {
	font-family: 'ubuntu';
	src: url(https://www.nccbp.com/font/Ubuntu-R.ttf);
}
@-moz-document url-prefix() {
	.body {
		font-size: 90%;
		letter-spacing: -0.08em; 
	}
}
body { font-family: ubuntu, sans-serif; font-size: 16px; }
#page { position: relative; width: 100%; height: 100%;  margin: 0px; padding: 0px; border: none; background-color:#fff; }
#main1 { 
	width: 1198px; min-height: 920px;  margin: 0px; padding: 80px 0px 0px 0px;
	background-color:#fff; border: 1px solid #138b95; border-radius: 5px 5px ; 
}
#top { position: absolute; z-index: 10; width: 1200px; background-color: #138b95; height: 85px; border-radius: 5px; }
#toolbar { position: absolute; top: 55px; z-index: 10; width: 1180px; background-color: #138b95; height: 30px; padding-left: 20px;  }
#logo { position: absolute; top: 5px; left: 5px; width: 184px; background-color: white; height: 43px; border-radius: 0px 5px 5px 0}
#nccbp { position: absolute; top: 5px; color: white; left: 240px; font-weight: bold; font-size: 150%; }
#bpies { position: absolute; top: 35px; color: white; left: 275px; font-weight: bold; font-size: 110%; }

#nccbpLogo { width: 185px; }
#page3 { position: relative; width: 100%; height: 100%;  margin: 0px; padding: 0px; border: none; background-color:#fff; }
#vsFrame { width: 100%; min-height: 920px;  margin: 0px; padding: 0px; border: none; background-color:#fff; border: 1px solid #138b95; border-radius: 5px 5px ; }
#top3 { position: absolute; z-index: 10; width: 1200px; background-color: #138b95; height: 80px; border-radius: 5px; }
#toolbar3 { position: absolute; top: 50px; z-index: 10; width: 1180px; background-color: #138b95; height: 30px; padding-left: 20px;  }
#logo3 { position: absolute; top: 5px; left: 5px; width: 184px; background-color: white; height: 43px; border-radius: 0px 5px 5px 0}
#nccbp3 { position: absolute; top: 10px; color: white; left: 240px; font-weight: bold; font-size: 175%; }
#nccbpLogo3 { width: 185px; }
#mic1 { position: absolute; top: 30px; padding: 60px 10px 10px 10px; visibility: hidden; z-index: -1; border: 3px solid #fcb80d; border-radius: 0 0 5px 5px; }
#mic2 { float: left; padding-right: 10px; width: 300px;  }
#mic3 { float: right; width: 200px; padding: 0px 0px 10px 10px; background-color: #eee; }
.menuButton { float: left; height: 25px; background-color: #138b95; color: #fcb80d; padding-left: 5px; padding-right: 5px; padding-top: 5px;  border-radius: 3px 3px 0 0; }
.ms { float: left; height: 20px; }
#tail { position: absolute; bottom: 0px; z-index: 10; width: 1200px; background-color: #138b95; height: 100px; border-radius: 0 0 5px 5px;}
#loginMenu { position: absolute; top: 200px; left: 400px;  max-width: 650px; background-color: #138b85; color: #ffffff; border-radius: 10px; padding: 25px; }
#pageObject { position: absolute; top: 200px; left: 200px;  background-color: #eee; padding: 10px; border-radius: 5px; border: 1px solid #000;}
#formQuery { position: absolute; background-color: #eee; z-index: -1; padding: 10px; border-radius: 5px; border: 1px solid #000; display: none; }
#formQueryCont { border: 1px solid #000; background-color: #fff; padding: 10px; max-width: 600px; border-radius: 5px; }
#formQueryText { text-align: justify; }
#formQueryTitle { text-align: center; font-weight: bold; }
#formQueryButton { text-align: center; }
#formPopup { position: absolute; background-color: #eee; z-index: -1; padding: 10px; border-radius: 5px; border: 1px solid #000; display: none; }
#formPopupCont { border: 1px solid #000; background-color: #fff; padding: 10px; max-width: 600px; border-radius: 5px; }
#formPopupButton { text-align: center; }
#changePassword { position: absolute; top: 200px; left: 200px; background-color: #138b95; color: #fcb80d; padding: 10px; border-radius: 5px }
#updateDetails { position: absolute; top: 200px; left: 200px; background-color: #138b95; color: #fcb80d; padding: 10px; border-radius: 5px }
#loginPage { width: 98%; height: 98%; position:absolute; background: url(/image/image1.jpg) fixed; background-size: 100% 100%; transition: background 1.5s linear; }
/* #main1 { background: url(/image/image1.jpg) fixed; background-size: 100% 100%; transition: background 1.5s linear; }
 */
#workPop { position: absolute; left: 200px; top: 200px; width: 500px; border: none; height: 700px; }
.popMsg { position: absolute; top: 200px; left: 100px; width: 600px; z-index: 100; border: 2px solid red; }

.mainContent { padding-left: 10px; padding-right: 10px; font-size: 100%; line-height: 150%; }
.mainHeading { font-weight: bold; font-size: 110%; padding-left: 10px; text-align: center; }
.menuHeading { color: #138b95; font-weight: bold;  background-color: #ffffff; border: 1px solid #ffffff; border-radius: 5px; }
.menuContent { color: #ffffff; font-weight: bold; text-align: center;  line-height: 150%; }
.menu { cursor: pointer; } 
.textResponse { margin: 30px; max-width: 500px; padding: 10px; border: #000 solid 1px; }  

/* Basics */
a { text-decoration: none; }	
select { font-family: inherit; font-size: 90%; }
input[type=text] { border: 2px solid #bbb; border-radius: 3px; font-size: 90%; }
hr { height: 0; border-style: solid; border-color: #666; border-width: 1px 0 0 0; }
iframe { position: absolute; top: 80px;  width: 1198px; min-height: 740px; border: none;  } 
textarea { border: 2px solid #bbb; padding: 5px; resize: none; overflow: auto; border-radius: 5px;  font-size: 90%; font-family: inherit; }
.button button {
    background-color: #bbb;
	 border-radius: 5px; 
    color: black;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 90%;
	 font-weight: bold; 
    margin: 4px 2px;
    cursor: pointer;
}