/* -------------------------------------------------------------- 
resets
-------------------------------------------------------------- */
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;
}

/* -------------------------------------------------------------- 
floats
-------------------------------------------------------------- */
.flt-right  {float:right;}
.flt-left   {float:left;}
.img-right  {float:right; margin: 0 0 0 7px;}
.img-left   {float:left; margin: 0 7px 0 0;}
.clear {
display:inline-block;
clear:both;
}
.clear:after,.container:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html .clear {
height:1%;
}
/* -------------------------------------------------------------- 
grid
-------------------------------------------------------------- */
.container {
margin:0 auto;
}
.column {
float:left;
}
.last {
clear:both;
}
/* columns */
.col-10   { width: 9.8%; }
.col-20   { width: 19.8%; }
.col-25   { width: 24.8%; }
.col-30   { width: 29.8%; }
.col-33   { width: 33.2%; }
.col-35   { width: 34.8%; }
.col-40   { width: 39.8%; }
.col-45   { width: 44.8%; }
.col-50   { width: 49.8%; }
.col-55   { width: 54.8%; }
.col-60   { width: 59.8%; }
.col-65   { width: 64.8%; }
.col-70   { width: 69.8%; }
.col-75   { width: 74.8%; }
.col-80   { width: 79.8%; }
.col-85   { width: 84.8%; }
.col-90   { width: 89.8%; }
.col-95   { width: 94.8%; }
.col-100   { width: 99.8%; }
/* left - right box */
.box-5    { padding: 0 5px; }
.box-10   { padding: 0 10px; }
.box-15   { padding: 0 15px; }
.box-20   { padding: 0 20px; }
.box-25   { padding: 0 25px; }
.box-30   { padding: 0 30px; }
.box-35   { padding: 0 35px; }
.box-40   { padding: 0 40px; }
.box-45   { padding: 0 45px; }
.box-50   { padding: 0 50px; }
/* full box */
.fullbox-5    { padding: 5px; }
.fullbox-10   { padding: 10px; }
.fullbox-15   { padding: 15px; }
.fullbox-20   { padding: 20px; }
.fullbox-25   { padding: 25px; }
.fullbox-30   { padding: 30px; }
.fullbox-35   { padding: 35px; }
.fullbox-40   { padding: 40px; }
.fullbox-45   { padding: 45px; }
.fullbox-50   { padding: 50px; }
/* margins */
.mt-5    { margin: 5px 0 0 0; }
.mt-10   { margin: 10px 0 0 0; }
.mt-20   { margin: 20px 0 0 0; }
.mt-30   { margin: 30px 0 0 0; }
.mt-40   { margin: 40px 0 0 0; }
.mt-50   { margin: 50px 0 0 0; }
.centered  { margin: 0 auto;}
/* -------------------------------------------------------------- 
Typography
-------------------------------------------------------------- */
.small {
font-size:.8em;
color:#666;
}
.hidden {
display:none;
}
p {
margin:0 0 1.5em;
}
ul,ol,dl {
margin:0 .5em;
}
strong {
font-weight:600;
}
/* double list */
ul.db{
}
ul.db  li {
float: left;
width:45%;
padding:0.5%;
}
blockquote {
font: 1em/1.1em "Verdana", Times, serif;
background: url(close-quote.gif) no-repeat right bottom;
padding: 0 18px;
text-indent: -18px;
}
blockquote:first-letter {
background: url(open-quote.gif) no-repeat left top;
padding-left: 18px;
font: italic 1.2em Verdana;
}
/* -------------------------------------------------------------- 
Lists
-------------------------------------------------------------- */
/* <ul class="horizontal"> */

ul.horizontal li{
text-align: left;
float: left;
list-style: none;
padding: 3px 10px 3px 10px;
margin: 5px;
border: 1px solid #CCC;
}
/* <div id="autolist"> <ul>*/

.autolist{
width: 100%;
}
div.autolist ul li{
margin:2.2%;
overflow:hidden;
text-align: left;
float: left;
list-style: none;
height:200px;
width: 45%;
}


/* -------------------------------------------------------------- 
images
-------------------------------------------------------------- */
img {
margin:.5em;
}
p img {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}
/* -------------------------------------------------------------- 
form
-------------------------------------------------------------- */
form {
text-align:left;
}
fieldset {
padding:1.4em;
margin:0 0 1.5em;
border:1px solid #ccc;
}
legend {
font-weight:700;
font-size:1.2em;
}
form img {
margin:0;
float:left;
}
form #btn {
margin: 20px auto;
border:0px;
display: block;
width: 189px;
line-height: 23px;
height: 23px;
text-align: center;
background: url(button.png) no-repeat;
font-weight: 700;
color: green;
}
form p {
clear:left;
margin:0;
padding:3px 0;
padding-left:155px;
/*width of left column containing the label elements*/
height:1%;
}
form label {
font-weight:700;
float:left;
margin-left:-155px;
width:150px;
}
input {
width:100%;
border:1px solid #ccc;
background:#fdfdfd;
padding:2px;
}
textarea {
width:100%;
height:80px;
border:1px solid #ccc;
background:#fdfdfd;
padding:2px;
}

select {
border:1px solid #ccc;
background:#f6f6f6;
width:100%;
}
/* -------------------------------------------------------------- 
buttons
-------------------------------------------------------------- 
a.button:link,a.button:visited, a.button:active, a.button:hover {
display: block;
width: 189px;
line-height: 23px;
height: 23px;
text-align: center;
background: url(button.gif) no-repeat;
font-weight: 700;
color: green;
}



*/



/* -------------------------------------------------------------- 
testing
-------------------------------------------------------------- */





.error,.notice,.success {
padding:.8em;
margin-bottom:1em;
border:2px solid #ddd;
}

.error {
background:#FBE3E4;
color:#D12F19;
border-color:#FBC2C4;
}

.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;
}