html, body {

	margin:	   0px;
	padding:	   0px;
	color:	   black;
   height: 99%;
	/*
   font-size:	10px;
	font-family:Verdana, Tahoma, Helvetica, Sans-Serif;
   */
   font-family:Arial, Helvetica, sans-serif; 
   font-size:12px;

}

h1,h2 { font-weight:	normal; }
h3 { color:#444444; }

.aSelected{
	color: #3333FF;
	text-decoration: underline;
   line-height:1.8em;
   background:transparent;
   font-weight:bolder;
}

a{
	color: #333333;
	text-decoration: none;
   line-height:1.8em;
   background:   transparent;
}
a:hover{
   color:blue;
	text-decoration: underline;
   line-height:1.8em;
   background:   transparent;
   cursor:       hand;
   cursor:       pointer;
}
/*
a:link{
	color: #333333;
	text-decoration: none;
   line-height:1.8em;
   background:   transparent;
}

a:visited{
	color: #555555;
	text-decoration: none;
   line-height:1.8em;
   background:   transparent;
}
*/
input  {
   font-family:Arial, Helvetica, sans-serif;
   font-size:9px;
}

select {
   font-family:Arial, Helvetica, sans-serif;
   font-size:9px;
   background-color:#A0CFEC;
   padding:0px;
}
pre {
  border-bottom: 1px dotted #333;
  cursor: help;
}
br {
  border-bottom: 1px dotted #333;
  cursor: help;
}
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}


/*////////////////////////////////////////////////////////////////////////////*/

.treeTab {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size:    10px;
   color:        #333333;
   font-weight:  normal;
   background:   #CCDFDF;
   height:       18px;
}

.treeTabSelected {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size:    10px;
   color:        #DDDDDD;
   font-weight:  bold;
   background:   #003E4B;
   height:       18px;
}


.treeTab:hover {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size:    10px;
   color:        white;
   background:   #893B2F;
   cursor:       hand;
   cursor:       pointer;
   height:       18px;
}


/*////////////////////////////////////////////////////////////////////////////*/

.admin {
   color:        #5555EE;
   background:white url("/Img/bkg/bkg_basketball_blue.gif");
}
.adminSelected {
   text-decoration: underline;
   font-weight:bolder;
   color:blue;
   cursor:hand;
   cursor:pointer;
   line-height:1.8em;
   background:white url("/Img/bkg/bkg_basketball_blue.gif");
   /*
   border:1px solid #78ACFF;
   border:0;
   */
}

.save {
   color:        #5555EE;
   background:transparent;

}
.saveSelected {
   font-weight:bolder;
   color:blue;
   background:white;
   cursor:hand;
   cursor:pointer;
   line-height:1.8em;
   text-decoration: underline;
   background:transparent;
}
/*////////////////////////////////////////////////////////////////////////////*/

.treeArea {
   overflow:     auto;
   background:   transparent;
   color:        #333333;
   font-family:Arial, Helvetica, sans-serif; 
   font-size:    12px;
   width:        100%;
   padding:1px;
}

.treeArea img {
   vertical-align:middle;
   height:        12px;
   padding:0px;
}

.treeArea img:hover {
   vertical-align:middle;
   height:        12px;
   border:        1px solid #78ACFF;
   margin:-1px;
}

.treeArea span {
   line-height:1.8em;
   background:transparent;
   padding:1px;
   overflow:     auto;
}

.treeArea span:hover {
   line-height:1.8em;
   color:blue;
   background:transparent;
   cursor:hand;
   cursor:pointer;
   text-decoration: underline;
}

.treeAreaSelected {
   font-weight:bolder;
	color: #3333FF;
	text-decoration: underline;
   cursor:hand;
   cursor:pointer;
   line-height:1.8em;
   overflow:     auto;
   background:   transparent;
}
.treeAreaDeselected {
   line-height:1.8em;
   text-decoration: none;
   background:   transparent;
}

/*////////////////////////////////////////////////////////////////////////////*/

.treeTabCss {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size:    9px;
   background:   #EAF2FF;
   border-bottom:1px solid #78ACFF;

   width:        60px;
   height:       15px;
}

.treeTabCss:hover {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size:    9px;
   color:        white;
   background:   #5555FF;

   cursor:       hand;
   cursor:       pointer;


}

.treeTabCssSelected {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size:    9px;
   background:   white;
   border:       1px solid #78ACFF;
   border-bottom:0;

}

.treeAreaCss {
   clear:        both;
   border:       1px solid #78ACFF;
   border-top:   0;
   background:   white;
   top:          -2px;
   color:        black;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size:    10px;
   padding:      10px 0px 5px 2px;
   width:        236px;
   height:       100%;

}

.treeAreaCss img {
   vertical-align:middle;
   height:        12px;
}

.treeAreaCss img:hover {
   vertical-align:middle;
   height:        10px;
   border:        1px solid #78ACFF;
}

.treeAreaCss span {
   line-height:1.4em;
   background:transparent;
   padding:1px 3px 1px 0px;
}
.treeAreaCss .selected {
   background:#DAE2FF;
   cursor:hand;
   cursor:pointer;
   border:1px solid #78ACFF;
   color:blue;
}
.treeAreaCss .deselected {
   line-height:1.4em;
   background:transparent;
   border:0;
}

/*////////////////////////////////////////////////////////////////////////////*/

.classTreeX img {
   vertical-align:middle;
   height:        12px;
}

.classTreeX img:hover {
   vertical-align:middle;
   height:        10px;
   border:        1px solid #78ACFF;
}

.classTreeX span {
   line-height:1.4em;
   background:transparent;
   padding:1px 3px 1px 0px;
}

.classAcontext {
   margin-top:0px;
   height:12px;
   margin-bottom:2px;

}

/*////////////////////////////////////////////////////////////////////////////*/

ul.classContextMenu {
/*    display: none;*/
   position: absolute;
   margin: 0px;
   padding: 0px;
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   list-style-type: none;
   border:2px solid #AAAAAA;
}
ul.classContextMenu li {
/*
   border-bottom: 0px solid silver;
   text-decoration: none;
*/

}


ul.classContextMenu li span {
   display: block;
   width: 100px;
   padding: 2px 10px 3px 10px;
   text-decoration: none;
   color: #222222;
   background: #CCCCCC;
   filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#CFEFFF', gradientType='1');
}

ul.classContextMenu li span:hover {
   text-decoration: none;
   padding: 2px 10px 3px 10px;
   color: white;
   background: #1569C7;
   cursor:hand;
   cursor:pointer;
   filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#3569F7', endColorStr='#1569C7', gradientType='1');
}

/*////////////////////////////////////////////////////////////////////////////*/

.smallTitle{
   font-family:Arial, Helvetica, sans-serif; font-size:8px;
   color:#000000;
   padding:0px;
   margin:0px;
}
.idPatArea {
   border:1px dotted #A0A0FF;
   background-color:#EEEEEE;
   padding:0px;
   margin:0px;
   width:748px;
   height:130px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:8px;
   /*overflow:hidden;*/
}
.idPat {
   background-color:#EEEEEE;
   /*padding:0px 3px 1px 3px;*/
   font-family:Arial, Helvetica, sans-serif;
   font-size:8px;
}

.clone {
   width:200px;
   height:18px;
   margin:2px;
   padding:2px;
   position:absolute;
   z-index:10;
   font-family:Arial, Helvetica, sans-serif;
   font-size:10px;
   display:inline;
   float:left;
   color:#7777CC;
   text-decoration:underline;
}