/* --------------------------------------------   
      Base styles                                 
----------------------------------------------- */

/* @Eraser
------------------------------ */
* {
   margin: 0;
   padding: 0;
   text-indent: 0;
}



/* @Root
-------------------------------------------------------------- */
html, body {margin:0; padding:0; height:100%;}

body {
   color: #3f4143;
   background: white;
   font-family: Tahoma, sans-serif;
   font-size: 14px;
   text-align: center;
   height: 100%;
}

input, select, textarea, optgroup {font-family: Arial, Tahoma, Verdana, sans-serif;}


/* @Links
-------------------------------------------------------------- */
a         {color: #1193de; text-decoration: underline;}
a:visited {color: #9A80E3;}
a:hover   {text-decoration: none;}
a img     {border: 0;}



/* @Headers
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; color: black;}

h1 {
   font-size: 32px;
   font-weight: bold;
   letter-spacing: -1px;
   line-height: 30px;
   margin: 0 0 30px 0;
   padding: 4px 0 1px 0;
}

h2 {
   font-size: 24px;
   font-weight: normal;
   letter-spacing: -1px;
   line-height: 25px;
   margin: 20px 0 15px 0;
   padding: 4px 0 1px 0;
}

h2.important {margin-bottom: 25px; font-size: 24px;}

h3 {
   font-size: 20px;
   font-weight: normal;
   /*letter-spacing: -1px;*/
   line-height: 20px;
   margin: 25px 0 15px 0;
   padding: 3px 0 2px 0;
}

h3 em {font-style: normal; color: #787878}

h4 {
   font-size: 18px;
   font-weight: normal;
   line-height: 20px;
   margin: 20px 0 10px 0;
   padding: 4px 0 1px 0;
}

h5 {
   font-size: 16px;
   font-weight: normal;
   line-height: 20px;
   margin: 15px 0 5px 0;
   padding:0;
}

h6 {
   font-size: 12px;
   font-weight: bold;
   line-height: 20px;
   margin: 5px 0 0 0;
   padding: 0;
}




/* @Lists
-------------------------------------------------------------- */
ul {}
ol {}


ul    {list-style-type: none;}
ul li {}

   #content ul, 
   #content ol {margin: 0; padding: 0;}
   
   #content li, ul.list li {
      line-height: 20px;
      margin: 0 0 10px 0;
      padding-left: 25px;
   }
   
   #content li.last {margin-bottom: 0;}
   
   #content ol    {padding-left: 25px;}
   #content ol li {margin-left: 10px; padding-left: 0;}

   #content ol li ul li {padding-left: 25px;}
   
   #content ol li ul, #content ol li ol,
   #content ul li ul, #content ul li ol {margin-top: 10px;}
   
   #content ul li, ul.list li {
      background-image: url('../images/bullet.png');
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: 6px 11px;
   }

ol {list-style-type: decimal; }
   /*
   #content ol    {margin-bottom: 23px;}
   #content ol li {padding-bottom: 7px;}
   */

dl {}
dt, dd {display: block; line-height: 15px;}
dd {margin-bottom: 10px;}



/* @Text elements
-------------------------------------------------------------- */
p {
   font-size: 14px;
   line-height: 20px;
   margin: 0 0 10px 0;
   padding: 0;
}

#content img {margin: 10px 0 0 0; padding: 0 0 2px 0;}

strong {color: black;}

abbr, acronym {border-bottom: 1px dotted black; cursor: help;}
blockquote, q {quotes: none;}

sup {vertical-align: text-top;}    /* fix line break */
sub {vertical-align: text-bottom;} /* fix line break */
ins {text-decoration: none;}
del {text-decoration: line-through;}

dfn, var, cite, code, address {font-style: normal;}
em {font-style: italic;}



/* @Table
-------------------------------------------------------------- */
table, th, td, caption {font-family: Arial;}

th, td, caption {vertical-align: top; text-align: left;}
table {border-collapse: collapse; border-spacing: 0; font-family: Arial;}

caption {}

td, th {/*font-size: 0.75em;*/}

th   {font-weight: 100}
th a {}

td {}

tfoot td {border-bottom: 0; padding-left: 0; padding-right: 3px;}




/* @Form
-------------------------------------------------------------- */
input           {} /* same view for input controls */
textarea        {line-height: 1.3; vertical-align: top; overflow: auto; font-size: 12px;}
optgroup        {} /* fix standart optgroup view in Opera */
fieldset        {margin: 1em 0; border: 0;}
fieldset legend {font-size: large;}

input, select, textarea, optgroup {
   vertical-align: middle;
   font-family: Arial, Helvetica, sans-serif;
}

select {background-color: #fff; padding: 0;}
html:root select {padding-right: 0;}
html:root select option {padding-right: 7px;}


/* @Other
-------------------------------------------------------------- */