body{ font: 12px/1.7em "trebuchet ms", arial, sans-serif; }


h1,h2,h3,h4,h5,h6{ font-weight: bold; margin-bottom: .75em; }

h1{ font-size: 30px; font-weight: normal; line-height: 1em; margin-bottom: 1em; }
h2{ font-size: 24px; font-weight: normal; margin-bottom: 1em }
h3{ font-size: 16px; line-height: 1; margin-bottom: 1.25em }
h4{ font-size: 14px; line-height: 1.25; margin-bottom: 1.25em }
h5{ font-size: 12px; font-weight: bold; margin-bottom: 1.5em }
h6{ font-size: 11px; font-weight: bold }

p{ margin: 0 0 1.5em }
p.last{ margin-bottom: 0 }


img{ border: none; }


ul, ol{ margin-left: 20px; margin-bottom: 2.5em; }

li ul,
li ol
{
   margin-top: 1em;
}

ul li{ list-style-type: disc; }
li{ margin-bottom: .5em; }

dl{ margin: 0 0 2em 0 }
dl dt{ font-weight: bold; margin-bottom: .75em; }
dd{ margin-left: 1.5em; margin-bottom: .75em; }

abbr, 
acronym
{
   border-bottom: 1px dotted #666
}

address{ margin-top: 1.5em; font-style: italic }
del{ color:#666 }
sup{ font-size: 9px; vertical-align:top; }


a{ color: #06C; text-decoration: none; }

a:focus, 
a:hover
{
   text-decoration: underline;
}
/*a:visited{ color: #667 }*/


blockquote  { margin: 1.5em; color: #666; font-style: italic }
strong      { font-weight: bold }
em,dfn      { font-style: italic; background: #ffc }
dfn         { font-weight: bold }
pre,code    { margin: 1.5em 0; white-space: pre }
pre,code,tt { font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5 } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5 }


hr{ border: none; border-bottom: 1px dotted #CCC; margin-bottom: 2em; margin-top: 1em; }


table.data{ width: 100%; border: 0; margin-bottom: 2em; border-collapse: collapse;  }

table.data thead th
{
   padding          : 10px;
   font-size        : 12px;
   font-weight      : bold;
   color            : #333;
   border           : 1px solid #ddd;
   text-align       : left;
   background-color : EEE;
}	
	
table.data td { vertical-align: top; }

table.data tbody tr td { background: #FFF; border-bottom: 1px dotted #DDD; }

table.data th { padding: 10px 0; }
table.data tbody td { padding: 10px; }
	
table.data tr.even td { background: #F9F9F9; }
	
table.data.stripe tr:nth-child(odd) td { background-color:#F6F6F6; }
table.data.stripe tr:nth-child(even) td { background-color:#FFF; }


.placeholder { color: #999; }


input[type=text],
input[type=password],
textarea,
select
{
   font-family: Verdana, 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
   font-size: 12px;
   color: #424242;
   padding: 5px;
   border: 1px solid #CCC;
   outline: none;
	
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;	
	
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
   box-shadow: 0 1px 2px rgba(0, 0, 0, .15) inset;
	
   -moz-transition: border .2s linear, box-shadow .2s linear;
   -webkit-transition: border .2s linear, -webkit-box-shadow .2s linear;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus
{
   border: 1px solid #80bfff;

   -moz-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
   -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
   box-shadow: 0 0 3px #80bfff, 0 1px 2px rgba(0, 0, 0, .15) inset;
}

/* For modern browsers */
.cf:before,
.cf:after
{
   content:"";
   display:table;
}

.cf:after
{
   clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf
{
   zoom:1;
}