/*  ===========================================================================
    eXe
    Copyright 2004-2005, University of Auckland

    garden theme display styles.
    =========================================================================== */

body {
    background: #F2FFBF;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:13px;
    line-height:1.25em;
    margin:0px;
    padding-left:16px;
    padding-right:16px;
    padding-top:8px;
    text-align:justify;
}

a { color: #FF6600;
    text-decoration: none;
    border: 0;
}

a:hover {
    color: #B34700;
}

.nodeTitle { 
    color: #A1B386;
    font-size: 20px;
    font-weight: bolder;
    letter-spacing: 2px;
    padding: 2px;
    border-bottom: 2px solid #ACBF60;
    text-align: right;
}

.tartTitle { 
    color: #91a376;
    font-size: 20px;
    font-weight: bolder;
    letter-spacing: 2px;
    padding: 2px;
    border-bottom: 2px solid #91a376;
    text-align: center;
}

.bottomTitle { 
    color: #A1B386;
    font-size: 20px;
    font-weight: bolder;
    letter-spacing: 2px;
    padding: 0px;
    text-align: left;
}


/* --- iDevice Styles -- */

.i_txt {
    padding-left: 16px;
    line-height: 115%;
    text-align: left;
}

.i_rck {
    background-color: #FAFFE6;
    padding: 8px;
    border: 1px solid #ACBF60;
    margin: 10px;
}

.i_quest {
    color: #000000;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bolder;
}    

.tdtext {
    color: #000000;
    font: normal 13px Arial;
    line-height:  1.25em; 
    padding-left:32px;
    padding-right:32px;
    padding-top:18px;
    padding-bottom: 8px;
    text-align:justify;
}
.bodytext {
    color: #000000;
    font: normal 13px Arial;
    line-height:  1.25em; 
    text-align:justify;
    padding-left:8px;
}

.iDevice p, .iDevice div.block {
    padding-left: 24px;
    line-height: 115%
    text-align: left;
}

.iDevice li {
	list-style-position: outside;
}

.iDeviceTitle {
    color: #A1B386;
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    position: relative;
    top: -18px;   /* aligns title up with middle of icon */
}    

input.feedbackbutton {
    margin-top: 10px;
    margin-bottom: 10px;
}

.iDevice_icon {
    padding-top: 0px;
}

input.feedbackbutton {
    background: #AACCB5;
    color: #408f40;
}

#myHTMLContent{
position: relative;
border:2px solid #ACBF60;
background-color: #ffffff;
text-align:left;
}

.myHELPContent{
border:1px solid #ACBF60;
background-color: #f6ffe6;
padding:4px;
}

.myHELPContent td{
color: #000000;
text-align:left;
font: normal 12px Arial;
}

.myHELPContent th{
color: #008000;
padding-right:24px;
text-align:left;
font: bold 12px Arial;
vertical-align:top;
}

.myHELPContent i{
color: #800000;
}


/* styles for image with text iDevice */

p.reading_feedback {
    border: 1px dashed #ADADAD;
    background-color: #FFF;
}

.image_text { 
    border: 1px solid #CCC; 
    background: #F9F9F9;
    padding: 4px;
    margin: 0px 20px 4px 4px;
}


/* tipp */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #ffff80;
visibility: hidden;
z-index: 100;
font: normal 8pt Arial;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

a.tips { color: #000000;
    text-decoration: none;
    border-bottom: 1px dashed #FF6600;
}

a.tips:hover {
    color: #FF6600;
}

/* jegyzettömb */

    #zoom {
	color:red;
    }

    #notepad, #notepad blink{
        width:500px;
	height:200px;
        background:white;
        color: #008000;
        font:12px Georgia;
	border:2px solid #ACBF60;
	text-align:left; 
	padding:4px;
    }    
    blink{
        display:inline;

    }

/* Colorpicker */
#plugin { BACKGROUND: #0d0d0d; COLOR: #AAA; CURSOR: pointer; DISPLAY: block; FONT-FAMILY: arial; FONT-SIZE: 11px; PADDING: 7px 10px 11px 10px; _PADDING-RIGHT: 0; Z-INDEX: 1; TOP: 0; LEFT: 0; POSITION: absolute; WIDTH: 199px; _width: 210px; _padding-right: 0px; }
#plugin br { CLEAR: both; MARGIN: 0; PADDING: 0;  }
#plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }

#plugHEX { FLOAT: left; }
#plugCLOSE { FLOAT: right; MARGIN: 0 8px 3px; _MARGIN-RIGHT: 10px; COLOR: #FFF; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#plugHEX:hover,#plugCLOSE:hover { COLOR: #FFD000;  }

#SV { background: #FF0000 url('images/satval.png'); _BACKGROUND: #FF0000; POSITION: relative; CURSOR: crosshair; FLOAT: left; HEIGHT: 166px; WIDTH: 167px; _WIDTH: 165px; MARGIN-RIGHT: 10px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/satval.png', sizingMethod='scale'); -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#SVslide { BACKGROUND: url('images/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; _font-size: 1px; line-height: 1px; }

#H { BORDER: 1px solid #000; CURSOR: crosshair; FLOAT: left; HEIGHT: 154px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 4px; -moz-user-select: none; -khtml-user-select: none; user-select: none; }
#Hslide { BACKGROUND: url('images/slidehue.gif'); HEIGHT: 5px; WIDTH: 33px; POSITION: absolute; _font-size: 1px; line-height: 1px; }
#Hmodel { POSITION: relative; TOP: -5px; }
#Hmodel div { HEIGHT: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; }

#plugID { HEIGHT: 120px; WIDTH: 63%; MARGIN: 12px 0 0 250px; PADDING-TOP: 76px; COLOR: #000; BORDER: 2px solid #333; TEXT-ALIGN: center; FONT-SiZE: 25px; BACKGROUND: #F1FFCC; }


/* DRAG */

.drag{
position:relative;
cursor:hand;
z-index: 100;
}




.source {
border:2px solid #ACBF60;
background-color: #ffffff;
text-align:left;
padding:10px;
padding-left:20px; 

}
