/* -------------------------------------------------------------- 
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;
}
*:first-child+html .container {
display:inline-block;
margin:0 auto;
}
* html .container {
display:inline-block;
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; }
.centerbox  { 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;
}

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.horizontal li{
text-align: left;
float: left;
list-style: none;
}
ul.double li{
margin:2%;
overflow:hidden;
text-align: left;
float: left;
list-style: none;
width: 45%;
}
ul.triple li{
margin:2%;
overflow:hidden;
text-align: left;
float: left;
list-style: none;
width: 29%;
}

ul.auto li{
margin:1%;
text-align: left;
float: left;
list-style: none;

}


/* -------------------------------------------------------------- 
images
-------------------------------------------------------------- */
a img, img      { border:0; }

p img {
float:left;
margin:1.5em 1.5em 1.5em 0;
padding:0;
}


/* -------------------------------------------------------------- 
Simple tabs
-------------------------------------------------------------- */
.tabbed ul.tabs {
border-bottom:1px solid #ccc;
}
.tabbed ul.tabs li {
list-style: none;
float: left;
}
.tabbed ul.tabs li a {
background:url("tableft.gif") no-repeat left top;
padding:0 0 0 4px;
text-decoration:none;
overflow: hidden;
display: block;
}
.tabbed ul.tabs li a span {
display:block;
background:url("tabright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}


/* The current selected tab */
.tabbed ul.tabs li a.tab-current {
background:url("tableft.gif") no-repeat left -42px;
}

.tabbed ul.tabs li a.tab-current  span{
background:url("tabright.gif") no-repeat right -42px;
}


/* The content shown when a tab is selected */
.tabbed div {

}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
display: none;
}


/* -------------------------------------------------------------- 
general form styling
-------------------------------------------------------------- */
form{  

}
fieldset {  
}
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
fieldset li {  
padding-bottom: .5em;
}
fieldset.submit {  
border-style: none;
}

label {  
text-align:right;	
float: left;  
width: 10em;  
margin-right: 1em;
}
input {  
width:200px;
border:1px solid #ccc;
background:#fdfdfd;
}
textarea{
width:200px;
height:60px;
border:1px solid #ccc;
background:#fdfdfd;

}
button{
display:block;
width:190px;
height:23px;
line-height:20px;
clear:both;
color:#444;
border:0px;
font-weight:bold;

margin: 20px auto; 
background: url(button.png) no-repeat;

}
 img.captcha{
margin: 2px 0 0 0;
float:left;
}



#btn-search{
margin: 2px;
border:0px;
display: block;
height: 16px;
width: 16px;
background: url(search.png) no-repeat;
}



/* Errors */

input.error {
	
background:#FBE3E4;
color:#D12F19;
border-color:#FBC2C4;
}
span.error {
margin: 0 0 0 13.5em; 
display:block;	
color:#D12F19;
font-size:.8em;
}

input.notice {
background:#FFF6BF;
color:#817134;
border-color:#FFD324;
}
span.notice {
margin:0;
width:300px;
color:#817134;
font-size:.8em;
}

input.success {
background:#E6EFC2;
color:#529214;
border-color:#C6D880;
}
span.success {
margin:0;
width:300px;
color:#529214;
font-size:.8em;
}








