/**
 * document classes
 */
body {
   margin: 0;
   padding: 0;
   background: #161613 url(/images/bg_tile.png) repeat left top;
   color: #dedede;
   font: normal normal 80%/1.5em 'Lucida Sans Typewriter', 'Lucida Sans', 'Lucida Sans Unicode', Verdana,sans-serif;
   overflow-x: hidden;
   height: 100%;
}

html, div, h1, h2, h3, p, blockquote, pre, a, acronym, cite,
code, em, strong, var, dl, dt, dd, ol, ul, li, form, label, hr {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100.01%;
   font-family: inherit;
   vertical-align: baseline;
   text-decoration: none
}

a, a:hover {
   font-size: 100%;
   color: #161613;
   text-decoration: none;
   outline: none;
   -moz-outline: none;
}

a:hover {
   text-decoration: underline;
}

img {
   border: 0 !important;
}

p {
   line-height: 1.3em;
}

input[type="text"], input[type="password"] {
   font-family: "Lucida Sans Typewriter", tahoma, verdana, arial, sans-serif;
   font-size: 11px;
   padding: 5px;
   border: 1px solid #333;
   width: 150px;
}


/**
 * styling classes
 */

.abs {position: absolute;}
.rel {position: relative;}

.float-l {float: left;}
.float-r {float: right;}
.overflow-h {overflow: hidden;}
.clear {clear: both;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}

/**
 * layout classes
 */

.wrapper {
   width: 100%;
   height: 100%;
}

.content {
   width: 740px;
   margin: 0 auto 0 auto;
   position: relative;
}

/**
 * other
 */

.kdc-logo img {
   background-image: url(/images/kdcurrency_logo.png);
   background-repeat: no-repeat;
   background-position: center;
   width: 120px;
   height: 100px;
   margin-left: 10px;
   margin-top: 10px;
}

/**
 * header box
 */

.box-top {
   margin: 0 10px 0 10px;
   background: url(/images/top_box_corners.png) no-repeat top left;
   padding-top: 10px;
   width: 720px;
}

.box {
   background: #fff url(/images/top_box_tile.png) repeat-x bottom left;
   min-height: 300px;
   color: #131313;
   padding: 10px;
   padding-top: 0px !important;
   font-size: 80%;
}

/**
 * navigation boxes
 */

.navigation-boxes {
   position: relative;
   margin: 0 10px 0 10px;
   width: 718px;
   background: #0b1821 url(/images/navigation_tile.png) repeat-x bottom left;
   height: 76px;
   border-bottom: 1px solid #20222d;
   border-left: 1px solid #121b1f;
   border-right: 1px solid #121b1f;
}

.navigation-boxes .navigation-item {
   float: left;
   width: 135px;
   height: 100%;
   padding: 5px 0 0 5px;
}

.navigation-boxes .navigation-item a, .navigation-boxes .navigation-item a:hover {
   margin-left: 3px;
   margin-top: 2px;
   color: #fff;
}

.navigation-boxes .navigation-item a:hover {
   color: #ccc;
   text-decoration: none;
}

.navigation-boxes .navigation-item:hover {
   background: #18242b;
   opacity: .75;
   filter: alpha(opacity=75);
   -mozOpacity: .75;
   cursor: pointer;
}

.navigation-boxes .navigation-item:active {
   background: #111c22;
   cursor: pointer;
}

.navigation-boxes .split {
   float: left;
   background: url(/images/navigation_split.png) no-repeat top left;
   width: 4px;
   height: 70px;
   margin-top: 2px;
   padding: 0 !important;
}

/**
 * footer box
 */

.footer {
   position: absolute;
   margin: 0 10px 0 10px;
   padding: 5px 10px 5px 10px;
   width: 700px;
   background: #000;
   height: 20px;
   font-size: 75%;
   text-align: center;
}

.shadow {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 115px;
   background: url(/images/shadow.png) repeat-y top left;
   z-index: -1;
}