/*
* Skin URI: http://www.elektronramp.com/downloads/
* Version: 1.1
* Description: skin for the Kaccordion plugin for Wordpress
* Author: Dennis Kayser
* Author URI: http://www.elektronramp.com/
* Last Edit: May 18 2007
*/

p.imageboxTester img {border: 1px solid #fff; margin: 5px;}

/* Accordion css */
.Kaccordion{
        width: 830px;
        border: 1px solid #111111;
        left: 1em;
        top: 1em;
        background: #444444;
        color: #ffffff;
}
.Kaccordion dt{
        line-height: 150%;
        background-color: #2b2b2b;
        border-top: 1px solid #222222;
        border-bottom: 1px solid #222222;
        padding: 0 10px;
        font-weight: normal;
        font-size: 18px;
        color: #fff;
}
.Kaccordion dd{
        overflow: auto;
        margin: 1em;
}
.Kaccordion p{
        margin: 1em 1em 0em 0em;
}
.Kaccordion dt.hover
{
        cursor: pointer;
        background-color: #222222;
}
.Kaccordion dt.active
{
        background-color: #333333;
        border-top: 1px solid #222222;
        border-bottom: 1px solid #222222;
        color: #ffffff;
}

/* window resize css */

#window
{
        position: absolute;
        left: 550px;
        top: 1800px;
        width: 400px;
        height: 300px;
        overflow: hidden;
        display: none;
}
#windowTop
{
        height: 30px;
        overflow: 30px;
        background-image: url(images/window/window_top_end.png);
        background-position: right top;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
        cursor: move;
}
#windowTopContent
{
        margin-right: 13px;
        background-image:url(images/window/window_top_start.png);
        background-position:left top;
        background-repeat: no-repeat;
        overflow: hidden;
        height: 30px;
        line-height: 10px;
        text-indent: 10px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
        color: #000;
}
#windowMin
{
        position: absolute;
        right: 25px;
        top: 10px;
        cursor: pointer;
}
#windowMax
{
        position: absolute;
        right: 25px;
        top: 10px;
        cursor: pointer;
        display: none;
}
#windowClose
{
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
}
#windowBottom
{
        position: relative;
        height: 270px;
        background-image: url(images/window/window_bottom_end.png);
        background-position: right bottom;
        background-repeat: no-repeat;
}
#windowBottomContent
{
        position: relative;
        height: 270px;
        background-image: url(images/window/window_bottom_start.png);
        background-position: left bottom;
        background-repeat: no-repeat;
        margin-right: 13px;
}
#windowResize
{
        position: absolute;
        right: 4px;
        bottom: 5px;
        cursor: se-resize;
}
#windowContent
{
        position:absolute;
        top: 30px;
        left: 10px;
        width: auto;
        height: auto;
        overflow: auto;
        margin-right: 10px;
        border: 1px solid #2b2b2b;
        height: 255px;
        width: 375px;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 11px;
        background-color: #fff;
        color: #000;
}
#windowContent *
{
        margin: 1em;
}
.transferer2
{
        border: 1px solid #000000;
        background-color: #2b2b2b;
        filter:alpha(opacity=30);
        -moz-opacity: 0.3;
        opacity: 0.3;
}

/* plain draggable */

.draggable {
        position: absolute;
        width: 8em;
        height: 8em;
        border: 1px solid #2b2b2b;
        background-color: #2b2b2b;
        padding: 1em;
        text-align: center;
}

.dragHandle div
{
        cursor: move;
        background-color: #900;
        height: 1.5em;
}

#drag1
{
        top: 2500px;
        left: 600px;
}

#drag2
{
        top: 2500px;
        left: 800px;
}


/* tooltips */
#tooltip {
        color: #000;
        border: 1px solid #0090DF;
        background-color: #68BFEF;
        opacity: 0.90;
        padding: 5px;
}
#tooltip h3, #tooltip p { margin: 0; }

.tipTester {
        color: #000;
        background: #ccc;
        width: 350px;
}

/* imagebox */
#ImageBoxOverlay
{
        background-color: #000;
}
#ImageBoxCaption
{
        background-color: #F4F4EC;
}
#ImageBoxContainer
{
        width: 250px;
        height: 250px;
        background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
        font-weight: bold;
        padding-bottom: 5px;
        font-size: 13px;
        color: #000;
}
#ImageBoxCaptionImages
{
        color: #000;
        margin: 0;
}
#ImageBoxNextImage
{
        background-image: url(images/imagebox/spacer.gif);
        background-color: transparent;
}
#ImageBoxPrevImage
{
        background-image: url(images/imagebox/spacer.gif);
        background-color: transparent;
}
#ImageBoxNextImage:hover
{
        background-image: url(images/imagebox/next_image.jpg);
        background-repeat:        no-repeat;
        background-position: right top;
}
#ImageBoxPrevImage:hover
{
        background-image: url(images/imagebox/prev_image.jpg);
        background-repeat:        no-repeat;
        background-position: left bottom;
}

#ImageBoxClose img
{
    border: none;
}

/* reflections */
img.reflect{}