.treewrapper {
margin-left: 10px;
}

.treeitem {
color: blue;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
border: #888888 solid 1px;
}

DIV.centerarea {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}

.whitearea {
background-color: #FFFFFF;
}

.blackarea {
background-color: #000000;
}

.mainblock {
background-color: #D4D0C8;
vertical-align: top;
}

.tabdownblock {
background-color: white;
}

.tabdowncenter {
font-family: Arial, Helvetica, sans-serif;
background-image: url(/images/tabs/tab_down_fill.gif);
background-color: white;
font-size: 15pt;
text-align: center;
vertical-align: middle;
color: #000000;
}

.tabdownleft {
background-image: url(/images/tabs/tab_down_left.gif);
background-color: white;
	
}

.tabdownright {
background-image: url(/images/tabs/tab_down_right.gif);
background-color: white;
}

.tabupcenter {
font-family: Arial, Helvetica, sans-serif;
background-image: url(/images/tabs/tab_up_fill.gif);
background-color: #D4D0C8;	
font-size: 15pt;
text-align: center;
vertical-align: middle;
color: #000000;
}

.tabupleft {
background-image: url(/images/tabs/tab_up_left.gif);
background-color: #D4D0C8;    
border-width: 0px;
padding: 0px;
}

.tabupright {
background-image: url(/images/tabs/tab_up_right.gif);
background-color: #D4D0C8;
}

A.tablink,A.tablink:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: center;
text-decoration: none;
color: #000000;
}

A.tablinkselected,A.tablinkselected:hover {
font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
color: white;
}

A.tablinkselected:hover {
text-decoration: underline;
}

A.tablink:hover,A.tablink:active {
color: red;
text-decoration: underline;
}

.apptitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #000099;	
line-height: 2;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;	
display: block;
width: 100%;
}

DIV.row {  
background-color: #B4B0AA;
margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
padding: 0; text-align: center;
}

DIV.col {
border: none; float: left; margin: 0; padding: 0; width: auto;
}

DIV.col-fill {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; text-decoration: none;
background-color: #B4B0AA; color: #000099;
margin: 0; padding: 0; border: none; text-align: center; width: 0;
}

DIV.col-right {
border: none; float: right; margin: 0; padding: 0; width: auto;
}

DIV.contentarea {
background-color: #FFFFFF;
margin-top: 10px;
min-height: 500px;
_height: 500px; /* This line is only understood by IE. We use this _height hack to set the min height for IE */
}

DIV.endcolumns {
  clear: both;
}  

DIV.simple-right-small {
float: right;
width: 20px;
text-align: right;
}

DIV.simple-right-half {
float: right;
width: 50%;
text-align: right;
}

DIV.screenlet {
background-color: #FFFFFF;
border: 1px solid #999999;
margin-bottom: 10px;
}
DIV.screenlet-header {
vertical-align: middle;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
}
DIV.screenlet-body {
background-color: #FFFFFF;
padding: 4px;
zoom:1;
}

#column-container {
position: relative;
background-color: #FFFFFF;
margin: auto;
width: 100%;
min-height: 500px;
}

#column-container .left {
float: left; margin-right: 10px;
/* alt: position: absolute; top: 0px; left: 0px; */
width: 220px;
}
#column-container .right {
float: right; margin-left: 10px;
width: 220px;
}

#column-container .leftonly {
margin-left: 230px;
width: auto;
}
#column-container .rightonly {
margin-right: 230px;
width: auto;
}
#column-container .center {
margin-left: 230px;
margin-right: 230px;
width: auto;
}
#column-container .nocolumns {
width: auto;
}

DIV.column-left-wide {
float: left;
width: 300px;
background-color: #CCCCCC;
border: black solid 2px;
overflow: auto;
}