.innerSubHeader { background-color:transparent; }

.content { width:100%; max-width:1030px; margin:0 auto; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; }
.innerContent { padding:2em 35px; color:#666666; }
.innerContent > h2 { font-size:1.5em; line-height:1.3em; }
.innerContent > p { font-size:1em; line-height:1.6em; margin-top:1.5em; }
.innerContent > hr { height:1px; width:100%; border:0; margin:2em 0; background-image:url(../images/common/grey-dot.jpg); background-position:0 0; background-repeat:repeat-x; }

.pdfAlignMiddel a{text-decoration:none; color:#666666;}
.pdfAlignMiddel a:hover { text-decoration: none; color: #000000; }

@media only screen and (max-width:920px) { .content { width:100%; max-width:100%; background-image:none; }
	
}

@media only screen and (max-width:800px){
	.innerContent { padding:2em 4%; }
	
	.innerContent > h2 { font-size:1.3em; }
	.innerContent > p { font-size:.95em; margin-top:1.5em; }
	
	
}
@media only screen and (max-width:480px){
	.innerContent > h2 { font-size:1.2em; }
	.innerContent > p { font-size:.9em; margin-top:1.5em; }
	
}
@media only screen and (max-width:320px){
	.innerContent > h2 { font-size:1.1em; }
}

/*-------------------*/

.tabContainer { }

ul.tabList { width:100%; overflow:hidden; background-image:url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:0 0; background-size:1px 100%; }
.tabList li { float:left; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:0 0, 0 0, right 0; background-size:1px 100%, 100% 1px, 1px 100%; position:relative; margin-top:.3em; padding:1em 2em; cursor:pointer; }

.tabList li:nth-child(n+2) { background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:0 0, right 0; background-size:100% 1px, 1px 100%; }

.tabList li.resp-tab-active { margin-top:0; padding:1.3em 2em 1em 2em; background-color:#66b4b2; background-image:none !important; }
.tabList li > a { font-size:1em; line-height:1em; letter-spacing:.05em; color:#666; text-decoration:none; display:block; }
.tabList li.resp-tab-active > a { color:#fff; }

.tabDetail { padding:2em 0; margin:0 1px; background-image:url(../images/publications-and-resources/light-green.jpg); background-repeat:no-repeat; background-position:0 0; background-size:100% 3px; background-color:#eff7f7; }

.paraContent { margin:0 35px 1.5em 35px; color:#666; }
.paraContent > p { font-size:1em; line-height:1.5em; }


@media only screen and (max-width:920px) {
	.innerTabContent { margin:0 4%; }
	
	ul.tabList { background-image:none; }
	
	.tabDetail { padding:2em 0; margin:0 1px; }
	
	
	.tabDetail { padding:2em 0; margin:0; background-image:url(../images/publications-and-resources/light-green.jpg), url(../images/publications-and-resources/light-green.jpg), url(../images/publications-and-resources/light-green.jpg), url(../images/publications-and-resources/light-green.jpg); background-repeat:no-repeat; background-position:0 0, 0 0, right 0, 0 bottom; background-size:100% 4px, 1px 100%, 1px 100%, 100% 4px; background-color:#eff7f7; }
	
	.tabList li { padding:1em 1.5em; }
	.tabList li.resp-tab-active { padding:1.3em 1.5em 1em 1.5em; }
	.tabList li > a { font-size:.9em; }
	
	.paraContent { margin:0 4% 1.5em 4%; }
}
@media only screen and (max-width:480px){
	.paraContent > p { font-size:.9em; }
}

/*-------------------*/

h2.resp-accordion { display:none;  }
.resp-tab-content { display:none; }
.resp-content-active, .resp-accordion-active { display:block;  }

.resp-tabs-container > h2 { background-image:url(../images/publications-and-resources/light-green.jpg), url(../images/publications-and-resources/light-green.jpg), url(../images/publications-and-resources/light-green.jpg), url(../images/publications-and-resources/light-green.jpg); background-repeat:no-repeat; background-position:0 0, right 0, 0 bottom, 0 0; background-size:100% 1px, 1px 100%, 100% 1px, 1px 100%; margin-top:.5em; position:relative; padding:0 20px 0 30px; clear:both; }
.resp-tabs-container > h2.resp-tab-active { background-color:#66b4b2; }

.resp-tabs-container > h2 span.resp-arrow { width:8px; height:8px;  position:absolute; left:10px; top:.65em; background-image:url(../images/publications-and-resources/plus-icon.png); background-position:0 0; background-repeat:no-repeat; background-size:100% auto; display:block; }
.resp-tabs-container > h2.resp-tab-active span.resp-arrow { background-image:url(../images/publications-and-resources/minus-icon.png); }

.resp-tabs-container > h2 a { color:#969696; font-size:.55em; line-height:1em; letter-spacing:.15em; font-weight:500; text-transform:uppercase; text-decoration:none; padding:1em 0; display:block; }
.resp-tabs-container > h2.resp-tab-active > a { color:#fff; }

.resp-easy-accordion h2.resp-accordion { display:block; }

.resp-jfit { width:100%; margin:0px; }
.resp-tab-content-active { display:block; }

@media only screen and (max-width:640px) {
	
	.resp-tabs-container { background-image:none; padding:0; background-color:transparent; }
	
	.containerDetail { padding:2em 0; margin:0; background-image:url(../images/publications-and-resources/light-green.jpg), url(../images/publications-and-resources/light-green.jpg), url(../images/publications-and-resources/light-green.jpg); background-repeat:no-repeat; background-position:0 0, right 0, 0 bottom; background-size:1px 100%, 1px 100%, 100% 4px; background-color:#eff7f7; }
	
	.resp-tabs-container > h2 { padding:0 10px 0 25px; }
	.resp-tabs-container > h2 a { font-size:.5em; }
	
	.resp-tabs-container > h2 span.resp-arrow { left:10px; top:.55em; }
	
	ul.resp-tabs-list { display:none; }
	h2.resp-accordion { display:block; }
	.resp-vtabs .resp-tabs-container { }
	.resp-tab-content  { /*background-image:none !important;*/ }
	.resp-accordion-closed { display:none !important; }
	
}


/*-------------------*/

.lecturesList { padding:0 25px 2em 25px; }
.lecturesList > ul { overflow:hidden; }
.lecturesList > ul li { width:25%; float:left; }

.innerList { margin:10px; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:0 0, right 0, 0 bottom, 0 0; background-size:100% 1px, 1px 100%, 100% 1px, 1px 100%; color:#666; text-align:center; background-color:#fff;  }
.innerList > h2 { padding:1.2em 2%; font-size:.9em; line-height:1.2em;  }
.innerList > h3 { padding:1.5em 5%; font-size:.85em; line-height:1.5em; letter-spacing:.05em; background-color:#66b4b2; color:#fff; }

.pdfContent { padding:.8em 7%; }
.pdfContent h4 { margin-bottom:.3em; }
.pdfContent h4 > a { font-size:.7em; line-height:1em; text-transform:uppercase; text-decoration:none; letter-spacing:.1em; color:#66b4b2; }
.pdfContent p { font-size:.65em; line-height:1em; letter-spacing:.1em; color:#666; }

.pdfContent hr { height:1px; border:0; margin:.7em 0; background-image:url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:0 0; background-size:100% 1px; }

.pdfContent:before { content:''; vertical-align:middle; height:100%; display:inline-block;}
.pdfAlignMiddel { display:inline-block; vertical-align:middle; }

@media only screen and (max-width:800px){
	.lecturesList { padding:0 3% 2em 3%; }
	.lecturesList > ul li { width:33.3333%; }
	.innerList { margin:4%; }
}

@media only screen and (max-width:640px){
	.lecturesList { padding:0 3% 2em 3%; }
	.lecturesList > ul li { width:50%; }
	.innerList { margin:4%; }
}
@media only screen and (max-width:480px){
	.lecturesList { padding:0 15% 2em 15%; }
	.lecturesList > ul li { width:100%; }
	.innerList { margin:0 0 2em 0; }
}
@media only screen and (max-width:360px){
	.lecturesList { padding:0 4% 2em 4%; }
}


/*---------------------------*/

.reagisterOverlay { width:100%; height:100%; position:fixed; left:0; top:0; background-image:url(../images/common/overlay-bg.png); background-repeat:repeat; background-position:0 0; z-index:1000; display:none; }

.downloadForm { width:300px; position:absolute; left:50%; top:20%; margin-left:-166px; background-color:#fff; padding:1.5em 2em; -webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75); box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.75); }
.formPanel { display:none; }
.formPanel > h2 { font-size:.8em; line-height:1.2em; color:#666666; margin-bottom:1em; margin-right:2em; }
.formPanel > input { width:89%; padding:.5em 5%; border:1px solid #e1e1e1; font-size:.75em; line-height:1em; color:#666; margin-bottom:1em; }
.formPanel > .downloadButton { padding:13px 20px; line-height:1em; text-transform:uppercase; text-decoration:none; color:#fff; background-color:#66b4b2; display:inline-block; font-size:.7em; letter-spacing:.08em; }
.closeButton { width:24px; height:24px; position:absolute; right:2em; top:1.5em; }

@media only screen and (max-width:480px){
	.downloadForm { width:90%; top:1em; margin-left:-50%; padding:1.5em 5%; }
	.closeButton { right:5%; }
}