.container { width:100%; }

a { text-decoration:none; color:#ee7e2d; }
a:hover { color:#666; }

@media only screen and (min-width:921px) {
	.menu li:hover { background-color:#ee7e2d; }
	.menu li > .subNav { background-color:#ee7e2d; }
}
.breadcrumbs > a:last-child { color:#b1daff; }
.breadcrumbs > a:hover { color:#b1daff; }
.subNav > a { color:#b1daff; }
@media only screen and (max-width:920px) {
	.container { padding-top:90px; }
}
@media only screen and (max-width:480px) {
	.container { padding-top:80px; }
}
@media only screen and (max-width:320px) {
	.container { padding-top:65px; }
}

.pageHeader { width:100%; background-color:#005eb5; position:relative; }
.innerPageHeader { width:100%; max-width:1030px; margin:0 auto; padding:1.5em 0 0 0; background-image:url(../images/common/grey-dot.jpg), url(../images/common/grey-dot.jpg); background-repeat:repeat-y; background-position:0 0, right 0; }
@media only screen and (max-width:920px){
	
	.innerPageHeader { width:100%; max-width:100%; padding:1em 0; background-image:none; }
	
}

/*-------------------*/

.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:#fff; 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; }
}


/*---------------------------*/

ul.detailList { width:100%; overflow:hidden; }
.detailList li { width:96%; float:left; padding:.5em 2%; background-color:#eff6fc; }
.detailList li:first-child { margin-top:0; }

.detailList li:nth-child(n+1):nth-child(odd) { background-color:#dfeefb; }

.innerDetail { background-image:url(../images/common/bullet-arrow-icon.png), url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:0 .8em, 85% center; background-size:10px auto, 1px 60%; position:relative; padding:.5em 0 .5em 15px; }

/*.detailList li > .innerDetail:first-child { background-image:url(../images/common/grey-dot.jpg); background-repeat:no-repeat; background-position:85% center; background-size:1px 50%; }*/
.subDetail { background-image:url(../images/common/dotted-line.png), url(../images/common/grey-dot.jpg); background-repeat:repeat-x, no-repeat; background-position:0 0, 85% center; background-size:auto auto, 1px 60%; }

.donwloadFile { width:100px; height:100%; position:absolute; right:20px; top:0; text-align:center; }
.donwloadFile:before { content: ''; display: inline-block; height:100%; vertical-align:middle; }
.donwloadFile > a { width:15px; display:inline-block; vertical-align:middle; }
.donwloadFile > a > img { width:100%; height:auto; }
.detailHeader { padding:0 130px 0 0; }
.subHeader { padding:0 120px 0 12px; background-image:url(../images/common/dark-grey-dot.jpg); background-repeat:no-repeat; background-position:0 .55em; background-size:5px 2px; }

.detailHeader > h2 { font-size:1em; line-height:1.2em; color:#666; margin-bottom:.2em; }
.detailHeader > p { font-size:.8em; line-height:1.2em; color:#999; }

@media only screen and (max-width:800px){
	.donwloadFile { width:100px; right:0; }
}
@media only screen and (max-width:480px){
	.donwloadFile { width:50px; }
	.detailHeader > h2 { font-size:.9em; }
	.detailHeader > p { font-size:.7em; }
	.detailHeader { padding:0 50px 0 0; }
	
	.subDetail > .subHeader { padding:0 50px 0 12px; }
	
}


/*---------------------------*/

.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:#005eb5; 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%; }
}