/*
* 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: 480px; border: 1px solid #839CD0; background: #fff; color: #444; margin-bottom: 20px; }
	.Kaccordion dt{ background: #F2F5FA url(mas.gif) right center no-repeat; border-bottom: 1px #839CD0 dotted ; padding: 5px; color: #839CD0; font: 18px sans-serif; }
	.Kaccordion dt:hover { cursor: pointer; background: #839CD0 url(mas-hover.gif) right center no-repeat; color: #F2F5FA; }
	.Kaccordion dt.active { background: #505775; color: #fff; }

	.Kaccordion dd{ overflow: auto; padding: 10px; font-size: .9em; line-height: 1.5em; }
		.Kaccordion dd img { float: left; margin: 0 10px 10px 0; background: #fff; padding: 1px; border: 4px #ddd solid;}
		.Kaccordion dd p { margin: 0 0 10px 0; }

/* 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 #0090DF;
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 #34a0cd;
background-color: #a8def5;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}

/* plain draggable */

.draggable {
position: absolute;
width: 8em;
height: 8em;
border: 1px solid #0090DF;
background-color: #68BFEF;
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{}