/* Main Layout */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

img { border: none; }

hr {
    color: #666666;
    background-color: #666666;
    border: 0px;
    border-top: transparent;
    border-bottom: transparent;
    margin: 2px 0;
    height: 1px;
}

/* Links */
a, a:visited, a:active {
    color: #265B84;
    text-decoration: none;
    font-weight: normal;
}

a:hover {
    color: #000000;
    text-decoration: underline;
    font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

a.titlelink:hover {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bold;
}

a.category, a.category:visited, a.category:active {
    color: #333333;
    text-decoration: none;
}

a.category:hover {
    color: #000000;
    text-decoration: underline;
}

/* Font types */
h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
}

small {
    color: #383838;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #36befc;
}

.category_big, .category_big a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}

.category {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
}

/* Forms */
form {
    border: none;
    margin: 0px;
    padding: 0px;
}

input, textarea, select {
    border: 1px solid #989898;
    background-color: #F0F0F0;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
}

input:active, textarea:active, select:active, input:focus, textarea:focus, select:focus {
    border: 1px solid #CCCCCC;
    background-color: #F6F6F6;
    color: #2C2C2C;
}

input[type="radio"], input[type="checkbox"], 
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active {
    border: 0px;
}

.input {
    background-color: transparent;
    border: none;
    margin: 2px;
}

/* Infomessages - Miscellaneous */
.tooltip {
    position: absolute;
    display: none;
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #DDDDDD;
    border-left: 4px solid #0E8AEA;
    padding: 4px 10px;
    z-index: 100;
}

.errorbox {
    background-color: #FFCCCC;
    border: 1px dashed #D60000;
    color: #666666;
    font-size: 10px;
    width: 350px;
    padding: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

/* BBCode Tags */
.quote {
    color: #383838;
    text-align: left;
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
    margin: 0 auto;
    padding: 3px;
}

.list {
    list-style-type: disc;
    list-style-position:outside;
}
.list_num {
    list-style-type: decimal;
    list-style-position:outside;
}

.list_alpha {
    list-style-type: lower-latin;
    list-style-position:outside;
}

.code {
    color: #000000;
    text-align: left;
    margin: 0 auto;
    padding: 3px;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.codeinner {
    color: #000000;
    font: 11px 'Courier New', Courier, monospace;
}

.codeline0 {
    background-color: #F3F3F3;
    height: 15px;
    padding-left: 3px;
    white-space: nowrap;
}

.codeline1 {
    background-color: #FFFFFF;
    height: 15px;
    padding-left: 3px;
    white-space: nowrap;
}
body { margin: 5px 0 10px 0; padding: 0; font: 10px Verdana, Arial, Tahoma, Helvetica, sans-serif; color: #000000; background-image: url(images/bg.gif); }
#container { width: 1000px; margin: 0 auto; padding: 0; text-align: left; }
#head { width: 960px; height: 12px; background-color: #36befc; }
#content { width: 960px; margin: 0; background-color: #ffffff; }
#content .cols { float: left; width: 760px; }
#content .col1 { float: left; width: 200px; border-right: 1px solid #cccccc; }
#content .col2 { margin-left: 200px; text-align: justify; }
#content .col3 { margin-left: 760px; border-left: 1px solid #cccccc; }
hr.grey { height: 1px; background-color: #cccccc; color: #cccccc; border: none; margin: 10px 0 4px 0; }
.nav { color: #36befc; font-weight: bold; }