a
{
    text-decoration: none;
}


.Base 
{
}

.Border  
{
}

.Bar  
{
}

.Frame
{
    border: #cccccc 1px;
    color: dimgray;
    background-color: gainsboro;
}


.Panel
{
    color: dimgray;
    background-color: ghostwhite;
    border: none;
    font-size: 10px;
}

.Menu  {
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	text-decoration: none;
	color: #666666;
}


.Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #333333;
	text-transform: uppercase;
}
.Caption
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    font-size: 10px;
}
.Annotation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}
.Description
{
    font-size: 10px;
    font-family: Arial;
    color: black;
    border: darkgray 1px solid;
    background-color: #ebeeed;
}
.Button {
	cursor: hand;
	border-top: 1px ridge #FFFFFF;
	border-right: 1px ridge #CCCCCC;
	border-bottom: 1px ridge #CCCCCC;
	border-left: 1px ridge #FFFFFF;
	color: #FFFFFF;
	background-color: #336699;
}
.Highlight
{
    color: #ff6633;
    font-size: 12px;
    font-family: Arial;
}
.Disabled {  color: #9B9B9B}



.ListTitle {}
.ListBody {}
.ListTag {}
.ListCaption {}
.ListButton {
	cursor: hand;
	border: 1px solid #333333;
	color: #FFFFFF;
	background-color: #336699;
}
.ListAnnotation
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.DetailTitle {}
.DetailBody {}
.DetailTag {}
.DetailObject
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.DetailCaption {}
.DetailButton {
	cursor: hand;
	border: 1px solid #333333;
	color: #FFFFFF;
	background-color: #336699;
}
.DetailAnnotation
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}


.FormTitle {}
.FormBody {}
.FormTag {}
.FormCaption {}
.FormButton {
	cursor: hand;
	border: 1px solid #333333;
	color: #FFFFFF;
	background-color: #336699;
}
.FormObject
{
    font-family: Arial, Helvetica, sans-serif;
    border: #0099cc 1px solid;
    font-size: 10px;
}
.FormCheckBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.FormAnnotation
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}



.RowDefault
{
    color: black;
    background-color: whitesmoke;
}
.RowAlternate
{
    color: black;
    background-color: ghostwhite;
}
.RowHighlight {  color: #000000; background-color: #FFFF00}
.RowDisabled {  color: #CCCCCC; background-color: #50757C}
.RowHover
{
    color: black;
    background-color: #eaefe7;
    cursor: default;
}
.RowSelected
{
}

.ColDefault {  color: #FFFFFF; background-color: #6699CC}
.ColAlternate {  color: #FFFFFF; background-color: #6666FF}
.ColHighlight {  color: #000000; background-color: #FFFF00}
.ColDisabled {  color: #CCCCCC; background-color: #50757C}





.TextJustify {  text-align: justify}
.LinkNone {  text-decoration: none}
.BorderNone {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}





.Content
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #eeeeee;
    border: darkgray 1px solid;
    padding: 1px;
    margin: 1px;
}
.Panel{
    font-family: Arial, Helvetica, sans-serif; 
    border: none; 
    font-size: 10px
}
.Message{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
	color: #ff6633;
}
.CommandButton {
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 3px;
	text-decoration: none;
}


/* pure css popups: a very clever way to get dynamic 
effects on an html page without using javascript. */
/*
     <a class="info" href="javascript:focus();">
      [...]<span>This is a CSS Tool Tip !</span>
     </a>
*/
a.info
{
    position: relative; /*this is the key*/
    z-index: 24;
    color: #000;
    text-decoration: none;
    font-size: x-small;
    font-family: Arial;
}

a.info:hover
{
    z-index: 25;
    background-color: gainsboro;
    cursor: default;
}

a.info span{display: none}

a.info:hover span
{
    /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 2em;
    left: 2em;
    width: 15em;
    background-color: ghostwhite;
    color: #000;
    text-align: center;
    border: darkgray 1px solid;
    font-size: x-small;
    font-family: Arial;
}
/* * ** * * ** * * ** * * ** * * ** * * ** * * ** * * 
*/