@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Century Gothic';
	src: url('CenturyGothic.eot');
	src: url('CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('CenturyGothic.woff') format('woff'),
		url('CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('CenturyGothic-Bold.eot');
	src: url('CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('CenturyGothic-Bold.woff') format('woff'),
		url('CenturyGothic-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('CenturyGothic-Italic.eot');
	src: url('CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
		url('CenturyGothic-Italic.woff') format('woff'),
		url('CenturyGothic-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('CenturyGothic-BoldItalic.eot');
	src: url('CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('CenturyGothic-BoldItalic.woff') format('woff'),
		url('CenturyGothic-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
	  height:100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
body{ background:#94d8ff url("../images/bg4.png") no-repeat scroll right -188px bottom 0 / 50% auto !important; margin:0; padding:0; font-family: 'Century Gothic'; font-weight: normal; font-size:14px;height:100%;}
h3,h4{ font-family: 'Century Gothic'; font-weight: normal;}
a{ text-decoration:none;}
.wrap{margin: 0 auto;
width: 1170px;background:rgba(0, 0, 0, 0) ;
padding: 0;
position: relative;
min-height: 588px;}
.wrap:before{ background:url(../images/img1.png) no-repeat left top; content:""; min-height:432px; left:0; top:0; min-width:574px; position:absolute;background-size: 436px; z-index:9}

/*--.wrap:after{ background:url(../images/bg4.png) no-repeat right top; content:""; min-height:337px; right:0; bottom:0; min-width:574px; position:absolute;background-size: 436px; z-index:9}--*/

.center-box:after{background: url(../images/img2.png) no-repeat right top;
content: "";
min-height: 432px;
right: -11%;
top: -8%;
min-width: 574px;
position: absolute;
background-size: 54%;
z-index: 9}


.add-part{ float:right;}
.add-part li{ list-style: none;
text-align: left;
float: left;
width: 100%;
margin-bottom: 5px;
 }
.add-part li img{ float:left; margin-right:10px;}
.center-box{ max-width:1000px; margin:0 auto; position:relative; background:url(../images/bg5.png) no-repeat center top !important; background-size:100% 100%; min-height:432px;}
.clr{ clear:both;}
.logo-box{ width: 441px;
background: url(../images/bg1.png) no-repeat center top;
height: 508px;
background-size: 100%;
position: absolute;
left: 51px;
top: 29px; z-index:9;
}
.logo-box img {
    max-width: 205px;
    position: relative;
    margin: auto;
    left: 24%;
    top: 19%;
}


.log-box {
    width: 586px;
    background: url(../images/bg3.png) no-repeat center top;
    height: 615px;
    background-size: 100%;
    position: absolute;
    right: 78px;
    top: -54px;
    z-index: 10;
}
.log-box-btn {
   width: 150px;
height: 297px;
background: url(../images/log-btn.png) no-repeat;
background-size: 100% 100%;
position: absolute;
right: 0;
background-size: 100%;
top: 23%;
padding-top: 0;
text-align: center;
font-size: 30px;
color: #fff;
text-shadow: 1px 2px 5px #000;
border: none; font-weight:normal;transition: all 1s ease 0s;
}

.log-box-btn:hover{background: url(../Clientspicific/MBPMPL/images/log-btn2.png) no-repeat scroll 0 0 / 100% auto;transition: all 1s ease 0s;}
#save:hover{background: url(../Clientspicific/MBPMPL/images/log-btn2.png) no-repeat scroll 0 0 / 100% auto;transition: all 1s ease 0s;}
.blu-box {
    width: 356px;
    background: url(../images/bg2.png) no-repeat center top;
    height: 376px;
    background-size: 100%;
    position: absolute;
    right: 0;
    left: -149px;
    margin: auto;
    top: 206px; cursor:pointer;
}


.log-part{width: 277px;
margin: 35% auto 0;}
.log-part h3 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 5px;
}
.log-part h4 a{ color:#c4c8fe;}

input{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+28,b5c6d0+55,e0eff9+100 */
background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 28%, rgba(181,198,208,1) 55%, rgba(224,239,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 28%,rgba(181,198,208,1) 55%,rgba(224,239,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 28%,rgba(181,198,208,1) 55%,rgba(224,239,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
border:none; border-radius:30px; width:90%; padding:10px; margin:5px 0;}

.fo-menu{ margin-left:10%; position:relative; z-index:9999;}
.fo-menu li{ width:100% ; float: left; margin-bottom:8px;transition: all 1s ease 0s;}
.fo-menu li a{ color:#000;transition: all 1s ease 0s;}
.fo-menu li:hover a{ color:#F90; padding-left:10px;transition: all 1s ease 0s;}
@media (min-width:768px) and (max-width: 1024px) {
	body{background: #94d8ff url("../images/bg4.png") no-repeat scroll right -34px bottom 0 / 50% auto;}
	.wrap { background-image:none !important;
    width: 100%;
    float: left;}
	.center-box {max-width: 768px;min-height: 569px;}
	.log-part {
    width: 48%; margin: 35% auto 0;}
	.log-box {
    width: 473px;
    height: 463px;
    background-size: 100%;
    right: 20px;
    top: 97px;
}
.logo-box {
    width: 358px;
    background: url(../images/bg1.png) no-repeat center top;
        background-size: auto auto;
    height: 508px;
    background-size: 100%;
    position: absolute;
    left: 51px;
    top: 146px;
    z-index: 9;
}
.logo-box img {
    max-width: 167px;}
	.blu-box {width: 204px;
left: -80px;
bottom: auto;
top: 62%;}
	
	.wrap::before {
    background-size: 332px;}
	.center-box::after {
    right: 5%;
    top: -1%;
    background-size: 38%;}
	.log-box-btn {
    width: 121px;
    height: 261px;
    background-size: 100% 100% !important;}




}

@media (min-width:240px) and (max-width: 479px) {
	.add-part { margin-top: 93px !important;}
	.logo-box {width: 257px !important;}
	.logo-box img {max-width: 134px !important;}
	.log-box { top: -112px !important;}
	.blu-box {top: 23% !important;}
	
.fo-menu {
    margin-left: 10%;
    margin-top: -33%;
    position: relative;
    z-index: 999;
}
.center-box::after {
    right: 5%;
    top: -1%;
    background-size: 22%;
}
.blu-box {
    width: 201px;
    height: 195px;
    background-size: 100%;
    position: absolute;
    right: 0;
    left: -114px;
    margin: auto;
    bottom: auto;
    top: 32%;
}
}
@media (min-width:480px) and (max-width: 767px) {
	.add-part {width: 67%;}
	.wrap::before {background-size: 191px auto !important; min-width: 100%;}
	.log-box {
    height: 439px !important;
    width: 439px !important;
}
.log-box-btn {
    height: 197px !important;
    top: 27% !important;
    width: 100px !important;
}

.center-box::after {
    background-size: 22% auto;
    right: 16%;
    top: -1%;
}
	
.log-part {margin: 34% 0 0 18% !important;}

.blu-box {
    background-size: 100% auto;
    bottom: auto;
    height: 195px;
    left: -202px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 27%;
    width: 201px;
}

.fo-menu {
    margin-left: 10%;
    margin-top: -13%;
    position: relative;
}
}

@media (min-width:240px) and (max-width: 767px) {
	body{background: #94d8ff url("../images/bg4.png") no-repeat scroll right -34px bottom 0 / 50% auto;}
	.wrap {
    width: 100%;
    float: left; background-image:none;
    
}
	.center-box {max-width: 100%;}
	.logo-box { background-size: 100%;
    position: relative;left: 0; right:0 ; margin:auto;
width: 319px;height: 319px;}
	.log-box{ background-size: 100%;
    position: relative;left: 0;right:0 ; margin:auto;
width: 319px;height: 319px;}
	.log-part {
    width: 55%;
    margin: 28% 0 0 18%;
    display: block;
    float: left;
    text-align: center;
}
.wrap::before { background-size: 140px; min-width: 100%}
.wrap::after { min-width: 100%}

.log-box h3,.log-box h4{ margin:0;}
.logo-box img {
    max-width: 171px;}
	.log-box-btn {
    width: 79px;
    height: 165px;
    background-size: 100% 100% !important;
    top: 24%;
    font-size: 17px;
}



.log-part h3 {font-size: 17px;}

}
.fpstyle
{color: #c4c8fe;margin-left: 20%;position: relative;top: -20px;}
.fpstyle a
{
    color: #c4c8fe;
}

#lblusername{
	display:none;
}
#lblpassword{
	display:none;
}