.page-learn-index	h1 { font-size: 32px; font-weight: 300; text-align: center; line-height: 46px; margin-top: 55px; }
.page-learn-index .sub-title { color: #606060; font-size: 18px; font-weight: 300; margin-top: 2px; text-align: center; }

#boxes { height: 400px; width: 1048px; margin: 60px auto 50px; margin-bottom:0px;}
.interactive-boxes { width: 300px; height: 340px; position: relative; padding: 0 18px; background: #f9f9f9; float: left; margin-top:10px; text-align: center; }
.interactive-boxes .icon { width: 96px; height: 71px; background-repeat: no-repeat; background-position: center bottom; margin: -30px auto 0; display: block; }
.training-box .icon { background-image: url('https://cdn-images.visual-paradigm.com/tutorials/training-hat-blue-big-icon.png'); }
.tutorials-box .icon { background-image: url('https://cdn-images.visual-paradigm.com/tutorials/tutorial-icon.png'); }
.handbooks-box .icon { background-image: url('https://cdn-images.visual-paradigm.com/tutorials/handbook-icon.png'); }
.training-box { padding: 0 10px; width: 320px;}
.tutorials-box { margin-left: 20px; margin-right: 20px;}
.handbooks-box { padding: 0 10px; width: 310px;}
.interactive-boxes h3 { font-size: 32px; font-weight: lighter; margin: 5px 0; }
.interactive-boxes p { font-size: 16px; font-weight: 300; line-height: 24px; padding: 0 10px;}
.interactive-boxes .button { position: absolute; bottom: 0; margin-bottom: 35px; left: 50px; }

#boxes1{ height: 700px; width: 100%; margin: 65px 0px 50px 0px;}
#boxes1 hr {width:73%; margin:10px 0px 10px 20px;;}
.interactive-boxes1 { width: 185px; height: 250px; position: relative; padding: 0 27px; background: #f9f9f9; float: left; text-align: center; }
.interactive-boxes1 .icon { background-image: url('https://cdn-images.visual-paradigm.com/tutorials/handbook-small-icon.png'); width: 45px; height: 34px; background-repeat: no-repeat; background-position: center bottom; margin: 15px auto 0px; display: block;}
.interactive-boxes1 h3 { font-size: 24px; font-weight: 400; margin-bottom: 0px; margin-top: 20px;}
.interactive-boxes1 hr { margin-top: 5px; width: 70%; margin-bottom: 10px;}
.interactive-boxes1 p { font-size: 16px; font-weight: lighter; line-height: 25px; }
.interactive-boxes1 a.pdf { margin: 0px 10px 6px 65px; bottom: 0px; font-size: 13px; position:absolute; line-height: 16px; background-image: url('https://cdn-images.visual-paradigm.com/support/tutorial-actions.png'); background-position: 1px -30px; }
.interactive-boxes1 .button { margin-top: 50px; margin-left: -28px; background-color: #0c8dff;}
.interactive-boxes1 .button:hover{ background-color: #ffffff; color:#0c8dff; }
.interactive-boxes1 a#disable { pointer-events: none; cursor: default;}
.interactive-boxes1 .button#disable { pointer-events: none; cursor: default; background-color: #989898;}
.agile-box { margin-left: 123px;}
.agile-box p { width: 190px;}
.software-box { margin-left: 120px; margin-right: 120px;}
.software-box p { padding-left: 10px;}
.process-box h3 { padding-left: 10px;}
.process-box p { padding-left: 5px;}
.process-box .button { margin-top: 75px; margin-left: -30px;}
.process-box a.pdf {margin-left: 65px;}
.database-box { margin-left: 123px;}
.database-box p { width: 105%;}
.database-box a.pdf { margin-left: 60px;}

#container1 { width: 1050px !important; padding-top: 80px; margin: 0 auto;}
#container1 ul { padding-left: 35px; margin-top: 20px; }
.headline { padding-left: 45px; margin-top: 45px;}
.agile-handbook li { padding-bottom: 65px; }
.agile-handbook h3 { font-size: 16px; font-weight: 400; margin-bottom:2px;}
.agile-handbook p { font-size: 14px; font-weight: lighter; line-height:16px;}
.agile-handbook img { float: left; margin-right: 15px;}
.agile-handbook .handbook-sprint { padding-bottom: 50px;}
.software-design-handbook li { padding-bottom: 65px; }
.software-design-handbook h3 { font-size: 16px; font-weight: 400; margin-bottom:2px;}
.software-design-handbook p { font-size: 14px; font-weight: lighter; line-height:16px;}
.software-design-handbook img { float: left; margin-right: 15px;}
.software-design-handbook .handbook-sprint { padding-bottom: 50px;}

.pageCenter-inner { margin-top: 25px; }
#solution-links .button { font-weight: normal; font-size: 16px; }
#solution-links p {text-align: center; font-weight: lighter; font-size: 18px; margin-left: 20px;}
.directory-box-vpository { background-image: url('https://cdn-images.visual-paradigm.com/handbooks/vpository-purple.png'); background-repeat: no-repeat; background-position:15px 20px;  margin-left:45px; margin-top:30px; width:245px; height:85px;}
.directory-box-vpessential { background-image: url('https://cdn-images.visual-paradigm.com/handbooks/free-learning-icon.png'); background-repeat: no-repeat; background-position:15px 20px; margin-top: 30px; margin-left: 40px; width:245px; height:85px;}
#directory-container a { padding-top: 80px;}

.section-recent-tutorials { background: #f9f9f9; border-width: 1px; border-color: #e1e1e1; border-top-style: solid; border-bottom-style: solid; position: relative; }
.section-recent-tutorials ol { border-top: 1px solid #ebebeb; margin: 15px 35px 90px; padding: 25px 0; }
.section-recent-tutorials li.tutorial { padding-bottom: 25px; background: url('https://cdn-images.visual-paradigm.com/store/vp-li-bg.png') no-repeat 0 3px; padding-left: 10px; }
.section-recent-tutorials li a { display: block; }
.section-recent-tutorials span { color: #555555; }
.section-recent-tutorials .link-title { font-size: 18px; font-weight: 500; }
.section-recent-tutorials .link-excerpt { font-size: 14px; background: none; margin-right: 20px; }
.section-recent-tutorials .more { position: absolute; right: 35px; bottom: 40px; font-size: 14px; }

nav.archive-links {
    background-color: #ffffff;
    box-sizing: content-box;
    margin: 18px 26px 0;
    padding: 0;
}
nav.archive-links ol {
    border: 1px solid #d9d9d9;
    counter-reset: li;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
nav.archive-links ol li {
    clear: left;
    float: left;
    list-style: outside none none;
    margin: 0;
    width: 100%;
}
nav.archive-links ol, nav.archive-links ol li, nav.archive-links ol li a {
    display: block;
}
nav.archive-links ol li a {
    font-size: 11px;
    height: 59px;
    position: relative;
    text-decoration: none;
}
nav.archive-links ol li .main-image:after, nav.archive-links ol li .no-main-image:after {
    color: #b7b7b7;
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    font-size: 30px;
    font-weight: 100;
    height: 59px;
    letter-spacing: 1px;
    line-height: 59px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 60px;
}
nav.archive-links li .main-image, nav.archive-links li .no-main-image {
    background: none repeat scroll 0 0 #e6e6e6;
    float: left;
    height: 60px;
    margin-right: 1.5em;
    width: 60px;
}
nav.archive-links li .main-image {
    background-position: center center;
    background-size: cover;
}
nav.archive-links a:link, nav.archive-links a:visited, nav.archive-links a:hover, nav.archive-links a:active {
    color: #000000;
}
nav.archive-links ol li a:hover .main-image:after, nav.archive-links ol li a:hover .no-main-image:after {
    color: #2690d8;
}
nav.archive-links ol li a:active .main-image:after, nav.archive-links ol li a:active .no-main-image:after, nav.archive-links ol li.active a .main-image:after, nav.archive-links ol li.active a .no-main-image:after {
    color: #777777;
}
nav.archive-links li + li {
    border-top: 1px solid #d9d9d9;
}
nav.archive-links li span {
    display: block;
    line-height: 1.5em;
}
nav.archive-links span.link-title {
	font-family: "Roboto";
    font-size: 16px;
    padding-top: 9px;
    text-transform: uppercase;
}
nav.archive-links span.link-excerpt {
    color: #c3c3c3; margin-top: 0; background: none; margin-right: 4px;
}
nav.archive-links .tutorial-rating .fullStar { margin-top: 0; }
nav.archive-links .tutorial-rating .halfStar { margin-top: 0; }
nav.archive-links .tutorial-rating .emptyStar { margin-top: 0;}

.training ul.training { margin-top: 35px; margin-left: 45px; width: 90%; }
.training li.course { padding-bottom: 60px; height: 141px;}
.training li.course img { margin-right: 15px; float: left;}
.training li h2{ font-size: 16px; font-weight: 500;}
.training li p{ font-size: 14px; font-weight: lighter; margin-top: 10px;}
.training .button { float: right; margin-top: 50px; background-color: #0c8dff;}
.training .button:hover{ background-color: #ffffff; color:#0c8dff; }

.training-page body { background: none;}
.training-page .headLine {  margin-left: 20px;}
.training-page .pageCenter { background: none; width: 100%; margin-left: 0px;}
.training-page p { font-size: 14px; line-height: 21px;}
.training-page .first-section { padding-left: 45px; padding-right: 26px; margin-top: 20px; font-size: 16px; font-weight: lighter; height: 276px;}
.training-page .second-section { padding-left: 30px; border-top: 1px solid #ebebeb; margin-top: 20px; margin-left: 20px; width: 94%;}
.training-page .thrid-section { margin-left: 3px; width: 99%; overflow-y: auto;}
.training-page .thrid-section h2 { padding-left: 35px; margin-top: 20px; }
.training-page #curriculum { background-color: #f9f9f9; margin-top:25px; padding-top: 25px; padding-bottom: 25px; padding-left: 30px; width: 100%; margin-left: -28px;}
.training-page ul.contentPoint{ margin-bottom: 25px;}
.training-page #training-content { width: 100%;} 
.training-page .center-content li { text-align: left; }
.training-page .button { list-style: none; margin-top: 57px; float: right; margin-bottom: 20px;}
.training-page .training-overview { font-size: 16px; margin-top: 35px; font-weight: 600; margin-bottom: 20px;}
.training-page .h2 { font-size: 16px; font-weight: 600;}
.training-page .h3 { font-size: 16px; margin-top: 10px; font-weight: 600; }
.training-page .h4 { font-size: 14px; margin-top: 5px; font-weight: normal; }