/* === RESET STYLES === */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,textarea,input,select,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}

/* BASIC CSS ELEMENTS */
html{}
body{
  font-size:100%;
  font-family:Arial,sans-serif;
  line-height:1.5;
  color:#333;
  /*-moz-text-shadow:0 1px 0 #fff;
  -webkit-text-shadow:0 1px 0 #fff;
  text-shadow:0 1px 0 #fff;*/
  font-size:14px;
}
/* === HEADINGS === */
h1,h2,h3,h4,h5,h6{color:#063352;line-height:1;margin:0 0 0.75em;font-weight:normal;font-family:'Droid Serif',Arial,Sans-Serif;}
h1{font-size:1.4em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
h5{font-size:1em;}
h6{font-size:0.8em;}
/* === COMMON === */
a{}
a:hover{text-decoration:none;}
p{margin: 0 0 1em;}
/* === LISTS === */
ul,ol,dl{margin: 1em 0;}
ul ul,ol ol,ul ol,ol ul{margin:0 1em 0;}
ul>li{list-style:disc outside;margin:0 0 0 20px;}
ol>li{list-style:decimal outside;margin:0 0 0 20px;}
dt{font-size:1.2em;font-weight:bold;}
dd{font-style:italic;padding:0 10px;}
/* === TABLES === */
table{width:100%;border:1px solid #333;}
caption{font-size:1.2em;text-align:left;}
th,td{vertical-align:middle;text-align:left;padding:2px 5px;}
thead th,tfoot th{
  background:#333;
  color:#fff;
  -moz-text-shadow:0 -1px 0 #000;
  -webkit-text-shadow:0 -1px 0 #000;
  text-shadow:0 -1px 0 #000;
  font-weight:normal;
  font-size:0.8em;
  text-transform:uppercase;
}
thead th{}
tfoot th{}
tbody{}
tbody td{border-top:1px solid #333;}
tr.odd td{background:#fff;}
tr.even td{background:#eee;}
tr.odd:hover td,tr.even:hover td,tr:hover td{background:#DFF2BF;}
/* === FORMS === */
fieldset{border:1px solid #aaa;padding:0 10px;}
legend{font-size:1.2em;text-transform:uppercase;}
label{text-transform:uppercase;font-size:0.8em;}
input,select,textarea{border:1px solid #aaa;padding:5px;font-size:1.2em;text-align:left;font-family:Arial,sans-serif;}
textarea{height:8em;width:95%;display:block;}
input[type='checkbox'],input[type='radio'],input[type='file']{border:0;}
input:focus,textarea:focus,select:focus{border:1px solid #333;background:#eee;}
input[type='checkbox']+label,input[type='radio']+label{display:inline;font-size:1.2em;text-transform:none;}
button{border:1px solid #aaa;background:#ccc;font-size:1.1em;cursor:pointer;margin:0 5px 0 0;padding:5px 15px;line-height:1;}
button:hover{background:#ddd;}
/* === MISC === */
hr{background:#333;height:1px;border:0;}
abbr,acronym{border-bottom:1px dotted #333;cursor:help;}
pre{border:1px solid #aaa;background:#ccc;padding:10px;margin:1em 0;}
blockquote{border-width:3px 0;border-color:#333;border-style:solid;padding:10px;margin:1em 0;background:#ccc;font-size:1.2em;font-family:Georgia,serif;font-style:italic;}
sup,sub{font-size:0.6em;}
sup{vertical-align:top;}
sub{vertical-align:bottom;}
.small{font-size:0.8em;}

/* CLEARFIX */
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: "";
  display: block;
  height: 0;
  font-size: 0;
}