body
{
color: #828282;
font-family: calibri,arial,sans-serif;
background-color: #FFFFFF;
margin: 20px;
}

.d2
{
font-family: arial Black;
font-size: 20px;
color: #D26900;
cursor:pointer;
}

.d3
{
color:#0080C0;
font-size:16px;
}

#sub
{
font-size: 16px;
font-variant: small-caps;
}

input.btn
{
color: #3d3d3d;
font-family: calibri,arial,sans-serif;
font-size: 12px;
cursor: pointer;
border: 2px solid;
border-top-color: #fff;
border-left-color: #fff;
border-right-color: #888;
border-bottom-color: #888;
width: 145px;
height: 28px;
background-color: #D8D8D8;
vertical-align:top;
}
input.btnhov
{
color: #000000;
border-top-color: #fff;
border-left-color: #fff;
border-right-color: #888;
border-bottom-color: #888;
width: 145px;
height: 28px;
background-color: #a2a2a2;
}

input.btn3
{
color: #3d3d3d;
font-family: calibri,Arial,sans-serif;
font-size: 10px;
cursor: pointer;
border: 1px solid;
border-top-color: #fff;
border-left-color: #fff;
border-right-color: #888;
border-bottom-color: #888;
width: 40px;
height: 20px;
background-color: #d8d8d8;
}

input.btnhov3
{
color: #000000;
border-top-color: #fff;
border-left-color: #fff;
border-right-color: #888;
border-bottom-color: #888;
background-color: #a2a2a2;
width: 40px;
height: 20px;
}

td
{
font-size: 12px;
padding: 0px 0px 0px 0px;
}
#dhtmltooltip
{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

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

#interVeil
{
/*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black ;//url(img/blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.alpha(opacity=45);
opacity: 0.45;
}

.dhtmlwindow
{
position: absolute;
border: 2px solid #336593;
visibility: hidden;
background-color: #CED9DF;
background: transparent; margin:0px 0px 10px 0px;
}

.drag-handle
{
/*CSS for Drag Handle*/
color:#FFFFFF;
padding: 5px;
text-indent: 3px;
font-family: calibri,Arial,sans-serif;
font-size: 16px;
background-image: url('img/header.gif'); /*color: white;*/
cursor: move;
overflow: hidden;
width: auto;
line-height: 16px;
filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls
{
/*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle
{
/*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}
#clsx{position:relative;top:3px;}

.cls
{
width:35px;
height:23px;
text-align:center;
}
.clshov
{
color:#FF0000;

}
.drag-contentarea
{
/*CSS for Content Display Area div*/
border-top: 1px solid #455C69;
background-color: white;
color: white; /*height: 150px; padding: 2px;*/
overflow: auto;
}

.drag-statusarea
{
/*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}

.drag-resizearea
{
/*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
.rtall
{
height: 150px;
color:#000000;
font-family: calibri,Arial,sans-serif;
font-size: 16px;
padding-left: 20px;
padding-top: 5px;
padding-right: 20px;
background: #ffffff url(img/qmark.gif) no-repeat bottom left;/*background-position: 2px 0px;*/
}
.ltall
{
height: 160px;
color:#000000;
font-family: calibri,Arial,sans-serif;
font-size: 16px;
padding-left: 20px;
padding-top: 5px;
padding-right: 20px;
background: #ffffff;
}
#tres
{
height: 160px;
color:#000000;
font-family: calibri,arial,sans-serif;
font-size: 16px;
padding-left: 20px;
padding-top: 5px;
padding-right: 20px;
background: #ffffff; /*background-position: 2px 0px;*/
}

.etall
{
height: 160px;
color:#000000;
font-family: calibri,Arial,sans-serif;
font-size: 16px;
padding-left: 20px;
padding-top: 5px;
padding-right: 20px;
background: #ffffff; /*background-position: 2px 0px;*/
}
.rshort
{
border-top: 1px solid #cccccc; 
padding: 4px; 
background: #eeeeee; 
height: 26px;
position: absolute; 
bottom: 0; 
width: 472px;

}
.pubtall
{
height: 160px;
font-family: calibri,arial,sans-serif;
font-size: 12px;
padding-left: 20px;
padding-top: 5px;
padding-right: 20px; /*background: #ffffff url(qmark.gif) repeat-y;*/ /*background-position: 2px 0px;*/
}
.pshort
{
border-top: 1px solid #cccccc; 
padding: 4px; 
background: #eeeeee; 
height: 26px;
position: absolute; 
bottom: 0; 
width: 392px;
}
.bgbtn
{
color: #3d3d3d;
border:1px solid #bbbbbb;
background: #ffffff url(img/button.gif);
font-family: calibri,Arial,sans-serif;
font-size: 12px;
font-weight:bold;
cursor: pointer;
width: 60px;
height: 26px;
}
.bgbtnhov
{
color: #D26900;
border:1px solid #D26900;

}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.2em;}
#xsnazzy h2 {padding-top:0.2em;}
#xsnazzy {background: transparent; margin:0px 0px 10px 0px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#eee; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.xb1 {margin:0 5px; background:#dcdcdc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#eee; border:0 solid #dcdcdc; border-width:0 1px;padding:15px;width:800px;}
.xboxsmall {display:block; background:#eee; border:0 solid #dcdcdc; border-width:0 1px;padding:8px;width:200px;}