/* 

   * Filename:        base.css
   * Version:         2007-09-29

  == STRUCTURE: ========================
   * Page width:            900 px
   * Number of columns:     14
   * Column width:          55 px
   * Margin width:          10 px
  ======================================

*/

@import "elements.css";

/* 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 {
border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
body {line-height:1.5;background:#fff;font-size:75%;color:#222;font-family:Arial, Helvetica, Verdana, sans-serif;margin:0;}
table {border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td {text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes: '"' '"' "'" "'";}
a img {border:none;}
/* typography */
h1,h2,h3,h4,h5,h6 {color:#111;font-family:Arial, Helvetica, sans-serif;font-weight:400;}
h1 {font-size:3em;line-height:1;margin-bottom:.5em;}
h2 {font-size:2em;margin-bottom:.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:700;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:700;}
p.last {margin-bottom:0;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.top {margin-top:0;}
ul,ol {margin:0 1.5em 1.5em;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
dd {margin-left:1.5em;}
abbr,acronym {border-bottom:1px dotted #666;}
address {margin-top:1.5em;font-style:italic;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {color:#666;font-style:italic;margin:1.5em;}
em,dfn {font-style:italic;background:#ffc;}
pre,code {white-space:pre;margin:1.5em 0;}
pre,code,tt {font:1em 'lucida console', monospace;line-height:1.5;}
tt {display:block;line-height:1.5;margin:1.5em 0;}
th {font-weight:700;}
th,td {padding:2px;}
tfoot {font-style:italic;}
caption {background:#ffc;}
table .last {padding-right:0;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.highlight {background:#ff0;}
.added {color:#060;}
.removed {color:#900;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
p,img,dl {margin:0 0 1.5em;}
dl dt,strong,dfn,label {font-weight:700;}
del,.quiet {color:#666;}
.nobr {white-space: nowrap}

/* grid */
.container {width:890px;margin:0 auto;}
.column {float:left;margin-right:10px;}
.last {margin-right:0;}
.span-1  { width: 55px;}
.span-2  { width: 120px;}
.span-3  { width: 185px;}
.span-4  { width: 250px;}
.span-5  { width: 315px;}
.span-6  { width: 380px;}
.span-6_5  { width: 420px;}
.span-7  { width: 445px;}
.span-8  { width: 510px;}
.span-9  { width: 575px;}
.span-10 { width: 640px;}
.span-11 { width: 705px;}
.span-12 { width: 770px;}
.span-13 { width: 835px;}
.span-14 { width: 900px; margin: 0; }

.append-1  { padding-right: 65px;}
.append-2  { padding-right: 130px;}
.append-3  { padding-right: 195px;}
.append-4  { padding-right: 260px;}
.append-5  { padding-right: 325px;}
.append-6  { padding-right: 390px;}
.append-7  { padding-right: 455px;}
.append-8  { padding-right: 520px;}
.append-9  { padding-right: 585px;}
.append-10 { padding-right: 650px;}
.append-11 { padding-right: 715px;}
.append-12 { padding-right: 780px;}
.append-13 { padding-right: 845px;}

.prepend-1  { padding-left: 65px;}
.prepend-2  { padding-left: 130px;}
.prepend-3  { padding-left: 195px;}
.prepend-4  { padding-left: 260px;}
.prepend-5  { padding-left: 325px;}
.prepend-6  { padding-left: 390px;}
.prepend-7  { padding-left: 455px;}
.prepend-8  { padding-left: 520px;}
.prepend-9  { padding-left: 585px;}
.prepend-10 { padding-left: 650px;}
.prepend-11 { padding-left: 715px;}
.prepend-12 { padding-left: 780px;}
.prepend-13 { padding-left: 845px;}

.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
.colborder {
padding-right:51px;margin-right:50px;border-right:1px solid #eee;}
.pull-1 { margin-left: -65px;}
.pull-2 { margin-left: -130px;}
.pull-3 { margin-left: -195px;}
.pull-4 { margin-left: -260px;}

.push-0  { margin: 0 0 0 18px; float: right; } /* Right aligns the image. */
.push-1 { margin: 0 -65px 0 18px; float: right;}
.push-2 { margin: 0 -130px 0 18px; float: right;}
.push-3 { margin: 0 -195px 0 18px; float: right;}
.push-4 { margin: 0 -260px 0 18px; float: right;}

.push-0,.push-1,.push-2,.push-3,.push-4 {float:right;}
.box {margin-bottom:1.5em;background:#eee;padding:1.5em;}
hr {background: #ddd;color: #ddd;clear: both;float: none;width: 100%;height: .1em;margin: 0 0 1.4em;border: none;}
hr.space {background: #fff; color: #fff;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;border:none;margin:0 0 1.4em;}
hr.space {background:#fff;color:#fff;}
.clear { display: inline-block; }
.clear:after, .container:after {content: "."; display: block; height: 0; clear: both;visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }

/* forms */
fieldset {border:0; margin:0 0 1.5em;padding:.75em;}
legend {font-weight:700;font-size:1.2em;}
input.text,input.title {width:300px;border:1px solid #bbb;background:#f6f6f6;margin:.5em .5em .5em 0;padding:5px;}
input.title {font-size:1.5em;}
input.text:focus,input.title:focus,textarea:focus,select:focus {background:#fff;border:1px solid #999;}
input.inputerror {border:1px solid #ff4500;background:#f6f6f6;}
input.inputerror:focus {background:#fff;border:1px solid #999;}
textarea {width:360px;height:200px;border:1px solid #bbb;background:#eee;margin:.5em .5em .5em 0;padding:5px;}
select {border:1px solid #ccc;background:#f6f6f6;width:200px;}
.error,.notice,.success {margin-bottom:1em;padding:.8em;}
.error {color:#D12F19;}
.notice {background:#FFF6BF;color:#817134;border-color:#FFD324;}
.success {background:#E6EFC2;color:#529214;border-color:#C6D880;}
.error a {color:#D12F19;}
.notice a {color:#817134;}
.success a {color:#529214;}
.error ul {margin:0 !important;}
.error li {padding-left:18px;background:url(../img/common/error.png) center left no-repeat}

/* nowarp replacement */
.nowbr {white-space: nowrap;}
.nowwrap {white-space: nowrap;}