/*
    Thanks 3png.org
    http://www.3ping.org/
*/

/*--------------------------------------
  Universal selector
---------------------------------------*/
* {
    font-size   : 100%;
    margin      : 0;
    padding     : 0;
}

/*--------------------------------------
 Structure Module
---------------------------------------*/
body {
    font-family     : Verdana, Arial, Helvetica, sans-serif;
    line-height     : 150%;
}

/*--------------------------------------
 Text Module
---------------------------------------*/
p,
pre,
address,
cite {
    font-size   : 100%;
    margin      : 15px 0;
}

address {
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight : normal;
    line-height : 120%;
    margin      : 15px 0;
}

h1 {
    font-size: 170%;
}

h2 {
    font-size: 130%;
}

h3 {
    font-size: 110%;
}

h4 {
    font-size: 90%;
}

h5 {
    font-size: 80%;
}

h6 {
    font-size: 80%;
}

pre {
    width           : auto;
    width/**/       : 90%; /*for IE*/
    overflow        : auto;
    font-size       : 75%;
    letter-spacing  : 1px;
    padding         : 8px 16px;
}

pre[title]::before {
    display         : block;
    color           : black;
    content         : attr(title);
    margin-bottom   : 0.8em;
}

blockquote {
    display         : block;
    background-color: #eaeeef;
    margin          : 0.8em 1.2em;
    padding         : 1px;
}

blockquote * {
    color: #434755;
}

blockquote[title]::before {
    display         : block;
    font-size       : 80%;
    color           : #455c5d;
    content         : attr(title);
    margin          : 0.1em;
    padding         : 0.1em 16px;
}

blockquote[cite]::after {
    display         : block;
    font-size       : 80%;
    color           : #333333;
    text-align      : right;
    content         : attr(cite);
    margin          : 0;
    padding         : 0.1em 16px;
}

cite {
    display         : block;
    color           : #333333;
    font-style      : normal;
    text-align      : right;
}

em {
    font-style  : normal;
    font-weight : bold;
}

strong {
    color: #ff4500;
}

code {
    font-family : "Osaka|“™•", monospace;
    color       : #3d4263;
}

kbd {
    font-family     : "Osaka|“™•", monospace;
    text-transform  : uppercase;
    border          : 1px solid #6a8eaa;
    padding         : 0 0.4em;
}

kbd.accesskey {
    padding: 0 0.2em;
}

/*--------------------------------------
  Hypertext Module
---------------------------------------*/
a {
}

a:link {
}

a:visited {
}

a:hover {
}

/*--------------------------------------
  List Module
---------------------------------------*/
ul,
ol {
    /*list-style-position : inside;*/
    margin              : 1em 2em;
    padding             : 1px 8px;
}

li,
dt,
dd {
    font-size: 100%;
}

dt {
    color: #366b04;
    font-weight: bold;
}

/*
dd {

}
*/

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
    font-size:100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
    margin: 0.4em 1em;
}

/*--------------------------------------
  Edit Module
---------------------------------------*/
del {
    color           : #666;
    text-decoration : line-through;
}

del[datetime]::before{
    content: " ( "attr(datetime)"íœ) ";
}

ins{
    text-decoration : none;
    border-bottom   : 1px dotted #666;
}

ins[datetime]::before{
    content: " ( "attr(datetime)"C³) ";
}

/*--------------------------------------
  Forms Module
---------------------------------------*/
form {
}

form dl,
form p {
}

fieldset {
    border  : none;
    padding : 1px 0;
}

legend {
    font-size       : 85%;
    padding         : 0.1em 8px;
}

label {
	cursor: pointer;
}

input,
textarea {
    font-family     : Arial, Helvetica, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",  sans-serif;
}

input:hover,
textarea:hover {
}

input:focus,
textarea:focus {
}

textarea {
}

p input {
}

input.radio {
}

input.submit {
    font-family     : Tahoma, Verdana, sans-serif;
    font-size       : 12px;
    font-weight     : bold;
    color           : #6c737a;
    border-width    : 1px;
    border-style    : solid;
    border-color    : #c2c2c2 #8f8f8f #8f8f8f #c2c2c2;
    padding         : 1px 0.5em;
}

input.submit:hover {
    color           : black;
    background-color: #fff;
}

/*--------------------------------------
  Tables Module
---------------------------------------*/
table {
    width           : 100%;
    border          : 1px solid #999;
    border-spacing  : 0.2em;
    border-collapse : collapse;
}

caption {
    font-size       : 100%;
    font-weight     : bold;
    color           : #eee;
    background-color: #feffc7;
    border          : 1px solid #999;
    border-width    : 1px 1px 0 1px;
    border-style    : solid;
    border-color    : #eee;
}

td,
th {
    padding: 0.2em 8px;
}

th {
    font-weight     : normal;
    color           : #333;
    background-color: #eee;
    text-align      : center;
    border          : 1px solid #999;
}

td {
    border          : 1px solid #999;
}

/*--------------------------------------
  Image Module
---------------------------------------*/
img {
    vertical-align: middle;
}

a img {
    border-style: none;
}

/*--------------------------------------
  Object Module
---------------------------------------*/
object,
embed {
    margin: 0;
}

/*--------------------------------------
  Class Module
---------------------------------------*/
.hidden {
    display: none;
}

.float-clear {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.img-left {
    float: left;
    margin: 0 15px 15px 0;
}

.img-right {
    float: right;
    margin: 0 0 15px 15px;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.inline {
    display: inline;
}

.no-border,
table.no-border tr,
table.no-border td {
    border-style: none !important;
}

.jump-to-top {
    clear       : both;
    font-size   : 90%;
    text-align  : right;
}

dl.table-format {
}

dl.table-format dt {
    width: 11em;
    float: left;
    padding: 5px;
}

dl.table-format dd {
    margin-left: 12em;
    padding: 5px;
}

