.innerSubHeader { background-color:#fff2e9; }

.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-color:#fff2e9; 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; }



@media only screen and (max-width:800px){
	.content { width:100%; max-width:100%; background-image:none; }
	.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; }
}

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

.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:#ee7e2d; color:#fff;  }

.listDownload { padding:.5em 5% 1em 5%; background-image:url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:center center; background-size:1px 70%; overflow:hidden; }

.listDownload.singleDetail { background-image:none; }
.singleDetail > .panel { width:100%; text-align:center; }

.panel { width:40%; text-align:center; }

.panel > p { font-size:1em; line-height:1.6em; margin-bottom:.7em; }

.panelLeft { float:left; }
.panelRight { float:right; }


.panel > a { font-size:.65em; line-height:1.8em; letter-spacing:.05em; text-decoration:none; color:#ee7e2d; text-transform:uppercase; display:block; margin-top:.7em; }

.panel > a.borderBottom { background-image:url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:center bottom; background-size:20% 1px; padding-bottom:.7em; }

@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:360px){
	.lecturesList { padding:0 4% 2em 4%; }
	.lecturesList > ul li { width:100%; }
	.innerList { margin:0 0 2em 0; }
}

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

.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:#ee7e2d; 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%; }
}