body{
  margin:0;
  color:#2a2a2a;
  font:14px/15px Arial, Helvetica, sans-serif;
  background:#fff url(/custom/images/framework/bg-body.gif) repeat-x 50% 0;
  min-width:980px;
}
img{border-style:none;}
a{text-decoration:none; color:#400b82;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
  font:100% Arial, Helvetica, sans-serif;
  vertical-align:middle;
  color:#000;
}
form,fieldset{
  margin:0;
  padding:0;
  border-style:none;
}
#header{
  width:100%;
  overflow:hidden;
}
.header-holder{
  overflow:hidden;
  padding:20px 0 28px 24px;
}
.logo{
  float:left;
  width:272px;
  height:102px;
  margin:0;
  overflow:hidden;
  text-indent:-9999px;
  background:url(/custom/images/framework/logo.png) no-repeat;
}
.logo a{
  display:block;
  height:100%;
}
.add-nav{
  margin:0;
  padding:7px 0 13px 0;
  text-align:right;
  overflow:hidden;
}
.add-nav ul{
  float:right;
  padding:0;
  margin:0 -16px 0 0;
  list-style:none;
  overflow:hidden;
  line-height:17px;
}
.add-nav ul li{
  float:left;
  margin:0 1px 0 -1px;
  padding:4px 16px 4px;
  background:url(/custom/images/framework/separator-add-nav.gif) no-repeat;
}
.add-nav ul a{color:#ababab;}
.add-nav ul a:hover{ color:#400b82;}
.area-form{
  float:right;
  height:36px;
  padding:9px 9px 0 0;
  font-size:16px;
  line-height:18px;
  background:url(/custom/images/framework/bg-block-header.png) repeat-x;
}
.login-form{
  float:left;
  width:345px;
  margin:3px 0 0 0;
}
.login-form label{
  float:left;
  line-height:22px;
  padding:0 2px 0 20px;
  color:#400b82;
}
.login-form .text{
  float:left;
  width:94px;
  margin:0 0 0 3px;
  padding:3px 4px 3px;
  line-height:15px;
  font-size:12px;
  color:#b9b9b9;
  border:1px solid #b3b3b3;
  background:#f1f1f1;
}
.login-form .submit{
  float:left;
  width:23px;
  height:17px;
  margin:3px 0 0 4px;
  text-indent:-9999px;
  line-height:0;
  font-size:0;
  border:none;
  cursor:pointer;
  background:url(/custom/images/framework/btn-send.gif) no-repeat;
}
.area-form ul{
  float:left;
  padding:0;
  margin:0 -10px 0 0;
  list-style:none;
  color:#400b82;
  overflow:hidden;
}
.area-form ul li{
  float:left;
  margin:0;
  padding:5px 10px 10px 13px;
  background:url(/custom/images/framework/separator-block-header.gif) no-repeat 100% 0;
}

.nav{
  width:976px;
  height:60px;
  padding:0;
  margin:0 0 20px;
  list-style:none;
  overflow:hidden;
  font-size:17px;
  background:url(/custom/images/framework/bg-navigation.gif) no-repeat;
}
.nav li{
  float:left;
  margin:0 1px 0 -1px;
  background:url(/custom/images/framework/separator-nav.gif) no-repeat;
}
.nav li a{
  display:block;
  padding:22px 23px 23px 23px;
  color:#fff;
}
.nav .active a,
.nav li a:hover{
  color:#ffdc51;
  text-decoration:none;
}
#wrapper{
  width:976px;
  margin:0 auto;
}
.visual{
  overflow:hidden;
  padding:10px 10px;
  background:url(/custom/images/framework/bg-visual.png) repeat;
}
.visual .container{
  text-align:right;
  position:relative;
  width:955px;
  overflow:visible;
}
.visual .container img#fade-img{position:absolute;top:0;left:0;z-index:999;}
.visual #fade{left:460px;}
.visual .container img{vertical-align:top;}
.visual .area{
  position:absolute;
  top:33px;
  left:21px;
  width:485px;
  text-align:left;
  z-index:9999;
}
.visual .area h1{
  margin:0 0 12px;
  font-weight:normal;
  font-size:30px;
  line-height:31px;
  color:#fff;
  letter-spacing:1px;
}
.visual .description{
  width:425px;
  font-size:16px;
  line-height:20px;
}
.visual .description p{margin:0 0 29px;}
.visual .area ul{
  float:left;
  width:205px;
  padding:0;
  margin:0 15px 0 -1px;
  list-style:none;
  font-size:17px;
}
.visual .area .items{width:245px;}
.visual .area ul li{
  padding:0 0 11px 31px;
  background:url(/custom/images/framework/bullet4.gif) no-repeat 0 2px;
}
.visual .area ul li a{color:#fff;}
.visual .area ul li a:hover{color:#000;}
#twocolumns{
  position:relative;
  width:884px;
  padding:18px 22px 24px 22px;
  margin:-47px auto 0;
  overflow:hidden;
  background:url(/custom/images/framework/bg-twocolumns.png) no-repeat;
  z-index:1000;
}
.heading{
  text-align:right;
  font-size:18px;
  line-height:32px;
  height:33px;
  padding:0 45px 11px 0;
  margin:0 -2px 0 0;
  color:#400b82;
}
.heading p{margin:0;}
.heading span{font-size:30px;}
.heading strong{font-size:30px;}
.heading img{float:right;margin-left:10px;}
#content{
  float:left;
  width:425px;
}
.box{
  padding:20px 15px 16px 16px;
  margin:0 0 30px;
  line-height:18px;
  overflow:hidden;
  background:#efefef;
}
#content .any{padding:20px 15px 0 16px;}
#content .box h2{
  margin:-3px 0 8px;
  font-size:26px;
  line-height:27px;
  font-weight:normal;
  color:#400b82;
}
#content .box p{margin:0 0 18px;}
#content .box img{
  float:left;
  margin:0 10px 0 0;
}
#content .box .more2{
  display:block;
  padding:1px 0 0 27px;
  margin:0 3px 0 auto;
  width:97px;
  height:21px;
  color:#fff;
  background:url(/custom/images/framework/bg-more3.gif) no-repeat;
}
#content .box .description h2{margin:-3px 0 6px;}
#content .box .description p{margin:0 0 11px;}
#content .box2{
  width:425px;
  margin:0 0 30px;
  background:url(/custom/images/framework/bg-box-c.gif) repeat-y;
}
#content .box2 .holder{background:url(/custom/images/framework/bg-box-t.gif) no-repeat;}
#content .box2 .frame{
  overflow:hidden;
  height:1%;
  padding:19px 26px 12px 26px;
  background:url(/custom/images/framework/bg-box-b.gif) no-repeat 0 100%;
}
.box2 h2{
  margin:0 0 11px -1px;
  font-weight:normal;
  font-size:24px;
  line-height:27px;
  color:#caabf0;
}
#content .box2 ul{
  padding:0;
  margin:0;
  list-style:none;
  line-height:17px;
}
#content .box2 ul li{
  padding:0 0 13px 30px;
  background:url(/custom/images/framework/bullet2.gif) no-repeat 0 4px;
}
#content .box2 ul a{color:#fff;}
#content .box2 ul a:hover{color:#caabf0;}
.news{
  float:right;
  width:425px;
  padding:15px 0 0 0;
  margin:0;
}
.news .box{margin:0 0 15px;}
.news img{
  float:left;
  border:5px solid #dbdbdb;
  margin:0 19px 0 0;
  vertical-align:top;
}
.news .description{
  overflow:hidden;
  height:1%;
}
.aside .box h3,
.news .description h3{
  margin:0 0 6px;
  font-size:18px;
  line-height:19px;
  font-weight:normal;
  color:#400b82;
}
.news .description p{margin:0 0 16px;}
.aside .box .more,
.news .box .more{
  display:block;
  width:72px;
  height:21px;
  padding:1px 0 0 27px;
  margin:0 0 0 auto;
  color:#fff;
  background:url(/custom/images/framework/bg-more2.gif) no-repeat;
}
/* inside */
.inside .visual .container{background:url(/custom/images/framework/bg-box-visual2.gif) no-repeat;}
.inside .visual .area{
  position:absolute;
  top:20px;
  left:21px;
  width:475px;
  text-align:left;
}
.inside #twocolumns{
  width:856px;
  padding:18px 36px 38px 36px;
  margin:-27px auto 0;
  background:url(/custom/images/framework/bg-twocolumns-inside.png) no-repeat;
}
.inside #content{
  float:left;
  width:628px;
  padding:4px 0 0 0;
  line-height:18px;
}
.inside #content h2{
  margin:0 0 20px;
  font-size:24px;
  font-weight:normal;
  color:#400b82;
  line-height: 28px;
}
.inside #content p{margin:0 0 10px;}
.inside #content .area{
  overflow:hidden;
  padding:0 0 20px;
}
.inside #content .area ul{
  float:left;
  width:575px;
  padding:0;
  margin:2px 60px 0 10px;
  list-style:none;
}
.inside #content .area .items{margin:2px 0 0 0;}
.inside #content .area ul li{
  padding:0 0 6px 27px;
  background:url(/custom/images/framework/bullet1.gif) no-repeat 0 4px;
}
.inside #content .area ul a{color:#2a2a2a;}
.aside{
  float:right;
  width:220px;
  margin:-20px 0;
}
.breadcrumbs{
  text-align:right;
  overflow:hidden;
  padding:0 0 45px 0;
  margin:0 -32px 0 0;
  font-size:11px;
  line-height:12px;
}
.breadcrumbs span{
  margin:0 2px 0 0;
  color:#400b82;
}
.breadcrumbs ul{
  float:right;
  padding:0;
  margin:0;
  list-style:none;
  overflow:hidden;
  color:#808080;
}
.breadcrumbs ul li{
  float:left;
  padding:0 10px 0 14px;
  margin:0 5px 0 -10px;
  background:url(/custom/images/framework/separator2.gif) no-repeat 0 5px;
}
.breadcrumbs ul li a{color:#808080;}
.aside .box{
  padding:14px 15px 6px 16px;
  margin:20px 0 20px;
  line-height:17px;
  width: 205px;
}
.aside .box h3{margin:0 0 7px;}
.aside .box ul{
  padding:0;
  margin:0 0 0 -5px;
  list-style:none;
}
.aside .box ul li{
  padding:0 0 5px 29px;
  background:url(/custom/images/framework/bullet3.gif) no-repeat 0 4px;
}
.aside .box ul li a{color:#2a2a2a;}
.aside .box ul li a:hover{ color:#4e1d8b;}
.aside .box img{
  float:left;
  margin:0 0 12px 0;
  vertical-align:top;
  border:5px solid #dbdbdb;
}
.aside .box p{margin:0 0 12px;}
.aside .box .more{
  line-height:18px;
  margin:0 0 10px auto;
}
.aside .box2{
  width:240px;
  background:url(/custom/images/framework/bg-asidebox-c.gif) repeat-y;
  margin:20px 0px;
}
.aside .box2 .holder{background:url(/custom/images/framework/bg-asidebox-t.gif) no-repeat;}
.aside .box2 .frame{
  overflow:hidden;
  height:1%;
  padding:20px 17px;
  background:url(/custom/images/framework/bg-asidebox-b.gif) no-repeat 0 100%;
}
.aside .box2 .frame h3{
  margin:0 0 13px -4px;
  color:#caabf0;
  font-size:24px;
  font-weight:normal;
  line-height:25px;
}
.aside .box2 .frame h3 a{color:#caabf0;}
.aside .box2 .frame ul{
  padding:0;
  margin:0;
  list-style:none;
  line-height:18px;
}
.aside .box2 .frame ul li{
  padding:0 0 0 30px;
  margin:0 0 12px;
  background:url(/custom/images/framework/bullet2.gif) no-repeat 0 4px;
}
.aside .box2 .frame ul a{color:#fff;}
.aside .box2 .frame ul a:hover{ color:#caabf0;}
#footer{
  border-top:1px solid #d7d4df;
  background:url(/custom/images/framework/bg-footer.gif) repeat;
}
.footer-holder{
  width:976px;
  margin:0 auto;
}
.footer-holder:after{
  content:'';
  display:block;
  clear:both;
}
.footer-holder .column1{
  float:left;
  width:293px;
  padding:35px 0 0 0;
  line-height:17px;
}
.footer-nav{
  float:left;
  padding:0 37px 0 0;
  margin:0;
  list-style:none;
}
.footer-nav li{
  padding:0 0 13px;
  background:none;
}
.footer-nav a{color:#340a68;}
.footer-nav a:hover{color:#9650ed;}
.footer-holder .column1 .block-info{float:left;}
.column1 .block-info h3{
  margin:0 0 13px;
  font-size:16px;
  color:#340a68;
}
.column1 .block-info ul{
  padding:0;
  margin:0;
  list-style:none;
}
.column1 .block-info ul li{
  padding:0 0 13px 20px;
  background:url(/custom/images/framework/bullet-footer.gif) no-repeat 0 3px;
}
.column1 .block-info ul a:hover{color:#9650ed;}
.footer-holder .column2{
  float:left;
  width:365px;
  padding:22px 0 6px 0;
  margin:-11px 0 0 0;
  text-align:center;
  line-height:17px;
  color:#fff;
  background:url(/custom/images/framework/bg-footer-box.png) no-repeat;
}
.logo2{
  display:block;
  margin:0 auto 12px;
  width:240px;
  height:90px;
  text-indent:-9999px;
  overflow:hidden;
  background:url(/custom/images/framework/logo2.gif) no-repeat;
}
.logo2 a{
  display:block;
  height:100%;
}
.column2 p{margin:0 0 11px;}
.column2 .information{padding:0 0 12px 0;}
.column2 .information ul{
  padding:0;
  margin:0;
  list-style:none;
}
.column2 a{
  text-decoration:underline;
  color:#fff;
}
.column2 a:hover{text-decoration:none;}
.column3{
  float:left;
  width:300px;
  padding:35px 0 0 15px;
  line-height:20px;
}
.column3 h3{
  margin:0 0 12px;
  font-size:15px;
  line-height:18px;
  color:#340a68;
}
.column3 p{margin:0 0 13px;}
.footer-area{background:#400b82;}
.footer-area .holder{
  width:890px;
  padding:18px 56px 19px 35px;
  margin:0 auto;
  overflow:hidden;
  color:#9650ed;
  line-height:17px;
  background:#400b82;
}
.footer-area .holder p{margin:0;}
.footer-area .holder .design{
  color:#9650ed;
  float:right;
}

/* Webapp */

#wrapper, #footer {
  font: 14px/15px Arial, Helvetica, sans-serif;
}

.inside #content .pb-newpm h2 {
  float: left;
  color: #fff;
  margin: 0;
  font-weight: normal;
  font-family: Georgia, serif; 
  font-size: 16px;
  padding: 5px 0 5px 31px;
}

.breadcrumbs ul.appNav {
  margin: 0 -3px 0 0;
}

.breadcrumbs ul.appNav li {
  float: left;
  padding: 0 10px 0 14px;
  margin: 0 5px 0 -10px;
  background: url(/custom/images/framework/separator-block-header.gif) no-repeat 100% 0;
}

.breadcrumbs ul.appNav a {
  color: #2a2a2a;
}