@charset "utf-8";

/*------------- [ LAYOUT ] -------------*/

body { background: #333333 url(../images/body-bg.png) repeat-x; color: #666666; font-family: Arial, Helvetica, sans-serif; }
	#container { width: 960px; margin: 6px auto 0px auto; }
		#validation-error { height: 26px; }
			#validation-error div { background: none; border: none; margin: 0px 0px 4px 0px; font-size: 12px; text-align: right; }
				#validation-error div span { background: none; }

		#menu { height: 41px; margin: 0px 0px 24px 0px; position: relative; background: url(../images/menu-bg.png) repeat-x; }
			#menu div.border-left { width: 4px; height: 22px; position: absolute; top: 0px; left: 0px; background: url(../images/menu-border-left.png) no-repeat; }
			#menu div.border-right { width: 4px; height: 22px; position: absolute; top: 0px; right: 0px; background: url(../images/menu-border-right.png) no-repeat; }

			#menu ul { float: left; padding: 14px 0px 0px 24px; }
				#menu li { float: left; padding: 0px 15px 0px 15px; font-size: 14px; font-weight: bold; background: url(../images/menu-mark.png) left 3px no-repeat; }
				#menu li.first { padding-left: 0px; background: none; }
					#menu li a { color: #FFFFFF; }
					#menu li a:hover { text-decoration: underline; }

			#menu div.login { float: right; padding: 13px 24px 0px 0px; }
				#menu div.login form span, #menu div.login form div.input, #menu div.login form button { float: left; display: inline; margin: 0px 10px 0px 0px; }

				#menu div.login form span { margin-top: 1px; padding: 0px 0px 0px 15px; color: #FFFFFF; font-size: 14px; font-weight: bold; background: url(../images/menu-mark.png) left 3px no-repeat; }
				#menu div.login form div.input { padding: 2px 14px 3px 3px; background: url(../images/menu-textbox.png); }
				#menu div.login form input { width: 114px; height: 15px; float: left; border: none; background: transparent; color: #FFFFFF; font-size: 12px; }
				#menu div.login form button { margin-top: 4px; width: 10px; height: 9px; border: none; background: url(../images/menu-submit.png) no-repeat; cursor: pointer; }

				#menu div.login div.actions { float: left; margin: 1px 0px 0px 0px; }

		#sidebar-bg { margin: 0px 0px 24px 0px; background-repeat: repeat-y; background-position: left; }
		.sidebar-bg-white { background-image: url(../images/sidebar-bg-white.png); }
		.sidebar-bg-black { background-image: url(../images/sidebar-bg-black.png); }
			#body { background: url(../images/sidebar-border-bottom.png) bottom left no-repeat; }
				#sidebar { width: 192px; float: left; padding: 0px 0px 20px 0px; background: url(../images/sidebar-border-top.png) top no-repeat; }
					#sidebar a.logo { display: block; margin: 19px 0px 70px 45px; }

					#sidebar ul.menu { padding: 2px 0px 0px 0px; background: url(../images/sidebar-line.png) top repeat-x; }
						#sidebar ul.menu li { font-size: 12px; line-height: 1.1; font-weight: bold; }
							#sidebar ul.menu li a { display: block; padding: 6px 6px 8px 14px; background: url(../images/sidebar-line.png) bottom repeat-x; color: #666666; }
							#sidebar ul.menu li a:hover { background-color: #F1F2F3; }
							#sidebar ul.menu li.selected a { color: #555555; background-color: #F6F7F8; font-weight: bold; }

							#sidebar ul.menu li ul li { font-weight: normal; }
								#sidebar ul.menu li ul li a { padding-left: 20px; }
									#sidebar ul.menu li ul li a span { padding-left: 10px; background: url(../images/sidebar-mark.gif) no-repeat left 5px; }

								#sidebar ul.menu li.selected ul li a { color: #666666; background-color: transparent; font-weight: normal; }
								#sidebar ul.menu li.selected ul li a:hover { color: #666666; background-color: #F6F7F8; font-weight: normal; }
									#sidebar ul.menu li ul li.selected a span { background-image: url(../images/sidebar-mark-selected.gif); }

					#sidebar form.search { margin: 28px 0px 0px 0px; padding: 10px 10px 10px 10px; background: #BFC5C7; border-top: 1px solid #85979E; border-bottom: 1px solid #85979E; }
						#sidebar form.search span { display: block; margin: 0px 0px 4px 0px; color: #FFFFFF; font-size: 12px; font-weight: bold; }

						#sidebar form.search input, #sidebar form.search button { float: left; }
						#sidebar form.search input { width: 140px; margin: 0px 8px 0px 0px; border: 1px solid #85979E; padding: 1px 1px 1px 1px; color: #666666; font-size: 12px; }
						#sidebar form.search button { margin-top: 4px; width: 10px; height: 9px; border: none; background: url(../images/sidebar-search-submit.png) no-repeat; cursor: pointer; }

					#sidebar ul.products { margin: 16px 0px 0px 0px; }
						#sidebar ul.products li { text-align: right; padding: 2px 14px 2px 14px; font-size: 12px; }
							#sidebar ul.products li a { color: #666666; }
								#sidebar ul.products li .pdf { background: transparent url(../images/icons/pdf.png) no-repeat scroll left center; padding: 3px 0 2px 20px; }
							#sidebar ul.products li a:hover { text-decoration: underline; }

				#content { width: 762px; float: left; display: inline; position: relative; margin: 0px 0px 0px 6px; }
					.content div.border-topright { width: 8px; height: 8px; position: absolute; top: 0px; right: 0px; background: url(../images/content-border-topright.png) no-repeat; }
					.sidebar-bg-white #content div.content { padding: 0px 51px 30px 51px; }

		#footer { margin: 0px 0px 8px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #515151; }
			#footer a.logo { float: left; margin: 2px 20px 0px 3px; }

			#footer div.menu { width: 816px; float: left; border-left: 1px solid #515151; padding: 0px 0px 0px 20px; font-size: 10px; line-height: 1.2; font-family: 'Trebuchet MS'; text-transform: uppercase; }
				#footer div.menu a { color: #FFFFFF; }
				#footer div.menu a:hover { text-decoration: underline; }

				#footer div.menu span.developer { float: right; }

				#footer div.menu li { float: left; padding: 0px 10px 0px 10px; background: url(../images/footer-menu-mark.png) 0px 2px no-repeat;}
				#footer div.menu li.first { background: none; padding-left: 0px; }

				#footer div.menu span.copyright { display: block; clear: both; margin: 4px 0px 0px 0px; color: #797979; }