/* ---------------------------------------------------------------------------------------------------------------------------------------------------------  *//* Base CSS -  Zigflitz Design  *//* ---------------------------------------------------------------------------------------------------------------------------------------------------------  */	/* reset.css */html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}input, select, textarea {margin:0;padding:0;border:0;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}strong, img{ vertical-align:top;} /*needed to keep everything pixel perfect in FF */ul, ol, li {list-style-type:none;}body {line-height:23px;}table {border-collapse:separate;border-spacing:0;}caption, th, td {text-align:left;font-weight:normal;}table, td, th {vertical-align:middle;}blockquote:before, blockquote:after, q:before, q:after {content:"";}blockquote, q {quotes:"" "";}a img {border:none; text-decoration:none;}a, :focus {outline:none;}/* TYPOGRAPHY - E2R on a 23px Horizontal Grid*/body, textarea {font-size:100%;color:#333;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;margin-bottom:0;}h1 {font-size:30px;	line-height:46px;}h2 {font-size:27px;	line-height:46px;}h3 {font-size:23px;}h4 {font-size:20px;}h5 {font-size:17px;	font-weight:bold;}h6 {font-size:14px;	font-weight:bold;}/* ELEMENTS */img{ vertical-align:top;}p {font-size:16px; 	margin-bottom:23px;}h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}p img {margin-top: 23px; margin-bottom: 23px;}p img.left {float:left;margin:23px 1.5em 23px 0;padding:0;}p img.right {float:right;margin:23px 0 23px 1.5em;}a:focus, a:hover, a:visited {color:#000;}a {color:#009;text-decoration:underline;}abbr, acronym {border-bottom:1px dotted #666;}address {font-style:italic;}blockquote {margin:23px;color:#666;font-style:italic;}del {color:#666;}dfn {font-weight:bold;}dl {margin:0 0 23px 0;}dl dt {font-weight:bold;}dd {margin-left:1.5em;}em, dfn {font-style:italic;}hr { color:#000;background-color:#000;clear:both;float:none;width:100%;height:2px;margin:32px 0 35px 0;padding:0;border:0 solid black; }pre {margin:23px 0;white-space:pre;}pre, code, tt {font:16px 'andale mono', 'courier new', monospace;  margin:23px 0; padding-top:0px} /* this needs help  in IE*/small, .small {font-size:12px}strong {font-weight:bold;}sup, sub {line-height:0;}/* LISTS */ol > li{list-style-type:decimal;}ul > li {list-style-type:disc;}li {font-size:16px;}ul, ol {margin:0 0 23px 35px}li  ul, ol ol,ul ul ,ol ul,ul ol {margin-left:15px; margin-bottom: 0}/* TABLES */table {margin-bottom:23px; width:100%; border-collapse:collapse; border:2px solid black; }caption, th, td, tr, tbody, thead, tfoot { height:21px; line-height:21px}caption, th {font-weight:bold; }tr, td  {border:2px solid black;}tr.even td {background-color:#eef;}tfoot {font-style:italic;}/* FORMS */fieldset {padding:21px 0 0px 23px; margin:0 0 24px 0; border:1px solid #444; /* subtract border from lineheight */ }legend   {font-weight:bold;}label    {vertical-align:top; padding-top:3px; /*this gets IE and FF more consistent */ font-weight:bold; line-height:23px;display: inline-block; /* triggers hasLayout for IE6 */ }input, select, textarea {background-color:#fff; font-size:16px;  margin:0 0 18px 0;  padding-top:3px; border: 2px solid #777;}textarea {line-height:23px; overflow:auto; height:228px /*multiple of base-line minus bottom border and padding */}input, select {height:21px;  }select:focus{background-color:#9f9;}input:focus, textarea:focus {border-color:#0f0; }input:hover {background-color:#9f9; }/* BUTTONS */input.button{ height:28px; padding:0 10px; }select.button{ height:28px; padding:0; }a.button{ text-decoration:none; padding:10px; background:transparent url('mask-black-25.png') repeat 0 0;}a.button:hover {background:transparent url('mask-black-50.png') repeat 0 0;}/* FORM VALIDATION*/.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}.error a {color:#8a1f11;}.notice a {color:#514721;}.success a {color:#264409;}/* Use on elements that contain floats that need to be cleared */.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix, .container {display:block;}.clear {clear:both;}/* COMMON CLASSES */.added {background:#060;color:#fff;}.alignleft {text-align:left;}.alignright {text-align:right;}.centered {text-align:center;margin:0 auto;}.floatleft {float:left;}.floatright {float:right;}.hidden {display:none;}.highlight {background:#ff0;}.loud {color:#F00;}.quiet {color:#666;}.removed {background:#900;color:#fff;}/* TODO: COLOR*//* TODO: Rounded Corners */