@charset "utf-8";
/* CSS Document */

#instructions li { clear: both; margin-bottom: 10px; }
#instructions img { float: right; margin: 0 0 10px 10px; border-color: #AAA; }
#instructions a { color: #000; text-decoration: none; }
#instructions a:hover { color: #36C; text-decoration: none; }
.step-image { padding: 0; margin: 0; background: none; background-color: #FFF; text-align: center; }
#imgStep { padding: auto; margin: auto; }
.error { margin: 15px; }

@media screen {
	#banner-diy { padding: 3px; position: relative; width: 937px; height: 216px; border-bottom: 1px solid #CCC; }
	#banner-diy .image { position: absolute; width: 216px; height: 216px; overflow: hidden; top: 3px; left: 3px; margin: 0; padding: 0; background-color: #FFF; }
	#banner-diy .text { position: absolute; width: 694px; height: 129px; overflow: hidden; top: 3px; left: 222px; background: url(/images/interface/bkg_shortlinks.jpg) center center repeat-x; padding: 10px 12px; font-size: 12px; }
	#banner-diy .text h1 { font-size: 20px; margin: 0 0 8px; }
	#banner-diy .text p { margin: 0 0 8px; }
	#banner-diy .finder { position: absolute; width: 698px; height: 51px; top: 152px; left: 222px; background: #0E2C8E url(/images/interface/bkg_blue.jpg) center center repeat-x; padding: 8px 10px; line-height: normal; }
	#banner-diy .finder table { margin: 3px 0 0; }
	#banner-diy .finder input.textbox { width: 250px; height: 16px; font-size: 12px; padding: 3px; margin: 0 5px 0 10px; border: 2px solid #BED0FF; }
	#banner-diy .finder select { width: 290px; font-size: 14px; padding: 2px; border: 1px solid #BED0FF; margin: 0 10px 0 0; font-weight: normal; }
	#banner-diy *:focus { outline: 0; }
}
 @media print {
	#banner-diy { margin: 3px 0; position: relative; width: 100%; height: 216px; }
	#banner-diy .image { float: right; width: 216px; height: 216px; margin: 0 0 15px 15px; top: 0; left: 0; margin: 0; padding: 0; background-color: #FFF; }
	#banner-diy .text { font-size: 11px; }
	#banner-diy .finder { display: none; }
}