a:link{ 
text-decoration: none;
color: #009BE6;
}

a:visited{ 
text-decoration: none;
color: #008080;
}

a:hover{ 
text-decoration: none;
color: RED;
}

select{
color: white;
background:black;
border:0px;
} 


/*list box*/
div.l{
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #eeeeee;
background-image: url('image/back2.gif');
color: black;
border: 1px outset;
position: absolute;
font:16px arial;
}

/*list item*/
div.i{
background-color: #eeeeee;
color: black;
cursor:pointer;
font:16px arial;
}
div.i:hover{
background:url(../../Pictures/toolbase.bmp);
background-repeat: repeat-x;
color: black;
cursor:pointer;
font:16px arial;
}

/*special list item*/
div.j{
cursor:pointer;
font:12px arial;
}
div.j:hover{
background:url(../../Pictures/toolbase.bmp);
background-repeat: repeat-x;
color: black;
cursor:pointer;
font:12px arial;
}

/*edit box holder*/
span.e{
font:8px arial;
cursor:text;
border-style: solid;
border-color:WHITE;
border-width:0px;
border-left-width:1px;
background:WHITE;
}
span.e:hover{
font:8px arial;
cursor:text;
border-style: solid;
border-color:WHITE;
border-width:0px;
border-left-width:1px;
background:WHITE;
}
/*es is when the editor box is selected*/
span.es{
font:17px arial;
cursor:text;
}
/*ee is when there shud be no space inside box - for empty space related boxes*/
span.ee{
font:17px arial;
cursor:text;
}

/*list value holders*/
span.vh{
display:none;
}

/*editor area*/
div.edit_area{
border-style: inset;
border-width: 2px;
overflow:scroll;
height: 300px;
}



/*selected in main editor window*/
span.s{
font:17px arial;
cursor:pointer;
}
/*space*/
span.ss{
font:17px arial;
cursor:text;
}


input.edit{
border-style: solid;
border-color:#AAAAAA;
border-width:0px;
border-left-width:0px;
}

textarea.edit{
font: normal 10px courier;
border-style: solid;
border-color:#AAAAAA;
border-width:0px;
border-bottom-width:0px;
height:15px;
overflow:hidden;
}



div.kb{
color:black;
cursor:pointer;
border-style:solid;
border-width:1px;
border-color:#cccccc;
background:url('image/button.gif');
font:14px arial;
text-align:center;
}

div.kb:hover{
color:black;
cursor:pointer;
border-style:solid;
border-width:1px;
border-color:orange;
background:url('image/button.gif');
font:14px arial;
text-align:center;
}


div.k0{
color:black;
cursor:pointer;
border-style:solid;
border-width:1px;
border-color:#888888;
background:#aaaaaa;
font:16px arial;
width:16px;
text-align:center;
}

div.k0:hover{
color:black;
cursor:pointer;
border-style:solid;
border-width:1px;
border-color:orange;
background:url('image/button.gif');
font:16px arial;
width:16px;
text-align:center;
}

div.k1{
color:black;
cursor:pointer;
border-style:solid;
border-width:1px;
border-color:#aaaaaa;
background:#dddddd;
font:16px arial;
width:16px;
text-align:center;
}

div.k1:hover{
color:black;
cursor:pointer;
border-style:solid;
border-width:1px;
border-color:orange;
background:url('image/button.gif');
font:16px arial;
width:16px;
text-align:center;
}

div.k2{
color:gray;
cursor:pointer;
border-style:solid;
border-width:1px;
border-color:lightgrey;
background:#ffffff;
font:16px arial;
width:16px;
text-align:center;
}

div.k2:hover{
color:gray;
cursor:pointer;
border-style:solid;
border-width:1px;
border-color:orange;
font:16px arial;
width:16px;
text-align:center;
}






div.leftnav{
color: black;
position: absolute;
left:1%;
width: 13%;
top: 80px;
font:14px arial;
border-style:solid;
border-width:1px;
border-color:WHITE;
padding:1%;
background-image: url('image/back2.gif');
} 


div.content{
color: black;
position: absolute;
left: 17%;
width: 80%;
top: 80px;
font:14px arial;
border-style:solid;
border-width:1px;
border-color:WHITE;

background-image: url('image/back2.gif');

}