/* Eric Meyer Reset --------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

/* Html Elements --------------------------------------- */

body { font-family: Helvetica, Arial, sans-serif; font-size: 100%; line-height:1.125em; }
p, ul { font-size:0.875em; /* 16�0.875=14px ala/articles/howtosizetextincss */ margin: 8px 0 20px 0; }
p.resizeSmall { font-size:0.75em; }
ul, ol { list-style-type: none; margin:0; padding: 0; }
/*.content ul, .content ol { list-style-type: bullet; margin-left: 10px; padding-left: 10px; }
.content ul li, .content ol li { margin-bottom: 8px; }*/

strong { font-weight: bold; }
em { font-style: italic; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; margin: 10px 0; }

/* Layout --------------------------------------- */

.container { margin: 0px auto; overflow: hidden; padding: 0; position: relative; width: 960px; }
.content { overflow: hidden; }
.col { float: left; }
.wrapper { overflow: hidden; }

.span-4  { width: 40px; }
.span-15 { width: 150px; }
.span-20 { width: 200px; }
.span-21 { width: 210px; }
.span-22 { width: 220px; }
.span-23 { width: 230px; }
.span-24 { width: 240px; }
.span-30 { width: 300px; }
.span-32 { width: 320px; }
.span-33 { width: 330px; }
.span-36 { width: 360px; }
.span-37 { width: 370px; }
.span-47 { width: 470px; }
.span-50 { width: 500px; }
.span-52 { width: 520px; }
.span-65 { width: 650px; }
.span-70 { width: 700px; }
.span-3 { width: 260px; }

.span-9 { width: 960px; }
.span-58 { width: 580px; } /* Golden Ration Left Side (590-370 without padding) */
.span-70 { width: 700px; }
.span-96 { width: 960px; }

.push-10 { margin-right: 10px; }
.push-20 { margin-right: 20px; }
.push-30 { margin-right: 30px; }

.push-r-5 { margin-right: 5px; }
.push-r1 { margin-right: 10px; }
.push-r2 { margin-right: 20px; }
.push-r3 { margin-right: 30px; }
.push-r5 { margin-right: 50px; }

.push-l2 { margin-left: 20px; }
.push-l3 { margin-left: 30px; }

.push-t-5 { margin-top: 5px; }
.push-t1 { margin-top: 10px; }
.push-t2 { margin-top: 20px; }
.push-t3 { margin-top: 30px; }

.push-b1 { margin-bottom: 10px; }
.push-b2 { margin-bottom: 20px; }
.push-b3 { margin-bottom: 30px; }

.append-3 { margin-right: 30px; }

.tPend-3 { margin-top: 30px; }

/* Common --------------------------------------- */

.left { float:left; }
.right { float:right; }
.first { margin-top: 0; }
.last { margin-bottom: 0; }
.hide, .blind { display:none; }
.indent { text-indent: -9999px; }
.cut { overflow: hidden; }
.reset-margin { margin:0; }
.reset-padding { padding:0; } 
.reset { margin:0; padding:0; }
.reset-textdec { text-decoration: none; }
.align-j { text-align:justify; } 
.align-l { text-align:left; } 
.align-c { text-align:center; } 
.align-r { text-align:right; }

/* Forms --------------------------------------- */

.checkbox, .radio { background: url(images/template/checkbox.png) no-repeat; clear: left; display: block; float: left; height: 40px; margin: 0; padding: 0 5px 0 0; width: 30px; }
.radio { background: url(images/template/radio.png) no-repeat; }
.select { background: url(images/template/select.png) no-repeat; color: #fff; font: 12px/21px arial,sans-serif; height: 21px; overflow: hidden; padding: 0 24px 0 8px; position: absolute; width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ }

/* Lists --------------------------------------- */

ul.list { font-size: 85%; list-style-type: disc; margin: 0 0 25px 0; padding-left: 16px; }
ul.list li.reset { list-style-type: none; padding-left: 0; }
ul.link li, ul.list li { padding: 0 0 5px 0; }
ul.link li.last, ul.list li.last { margin-bottom: 0; }
ul.link li a { text-decoration: underline; }
ul.link li a:hover { text-decoration: none; }
ul.child ul { margin: 0 0 10px 0; padding: 0 0 0 16px; }

/* Line --------------------------------------- */
.line, .line-end { background: #d1d1d1 url(images/template/sprite-nav.png) right -282px no-repeat; margin: 0; padding: 0 18px 0 0; text-decoration: none; }
.line span, .line-end span { background: #d1d1d1 url(images/template/sprite-nav.png) 0 -282px no-repeat; display: block; height: 9px; padding: 0 0 0 18px; }
.line-end { background-position: right -296px; }
.line-end span { background-position: 0 -296px; }

/* Easy --------------------------------------- */

.error { background: #00abe3; border: 1px solid #d1d1d1; color: #000; display: block; font-size: 90%; margin-bottom: 10px; padding: 5px 10px; }

/* Misc. --------------------------------------- */

#easy_tooltip { background: url(images/template/t75-black-1h.png) repeat; border: #d1d1d1 1px solid; border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; font-size: 90%; padding: 5px 10px; }

/* Expired Browser Warning --------------------------------------- */
