BODY
{
font-family: verdana;
font-size: 8pt;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 100%;
font-weight:normal;
letter-spacing: normal;
text-transform: none;
word-spacing: normal;
height: 100%;
}

/*tr, td, p
{
font-family: verdana;
font-size: 11pt;
font-weight: normal;
margin: 0px 0px 0px 0px;
}
*/

tr, td {  vertical-align:middle; }


a:link, a:visited, a:active
{
text-decoration: none;
color: #999;
}

a:hover
{
text-decoration: underline;
}

blockquote, pre
{
font-family: Courier new, monospace;
}

HR
{
border-style: outset;
border-width: 3px;
height: 6px;
margin: 0px;
padding: 0px;
}

HR.soft
{
border-style: inset;
border-width: 1px;
height: 3px;
margin: 0px;
padding: 0px;
}
.EnTbl
{
border-top: solid 1px #DCDCDC;
border-bottom: solid 1px #DCDCDC;
border-left: none 0px #DCDCDC;
border-right: none 0px #DCDCDC;
clear: both;
}


.EnTbl TD
{
vertical-align: top;
}

.InLbl
{
font-weight:  bold;

}

.InLblT
{

font-weight: bold;
vertical-align:top;
}
.InLblR
{
text-align: right;
font-weight: bold;
vertical-align:middle;
line-height: 9pt;
}
.InLblRT
{
text-align: right;
font-weight: bold;
vertical-align:top;
}
.InLblC
{
text-align: center;
font-weight: bold;
}

.InLblCT
{
text-align: center;
font-weight: bold;
	vertical-align:top;
}


/* LOGIN PAGE; mobile version for LgI, and LgITtl only -- the rest are hereditary */

.LgI
{
margin: 0px 0px 0px 0px;
height: 308px;
width: 470px;
background-image: url(img/loginBack.jpg);
background-repeat: no-repeat;
background-position: center;
font-family: verdana;
padding: 4px;
font-size: 8pt;
color: white;
text-align: center;
vertical-align: middle;
}
.LgIItm
{
height:30px;
padding: 5px 5px 0px 20px;
}

.LgITtl
{font-size: 10pt;
color: #b9d9f6;
}


/* LOGIN PAGE */

.LgLogo
{
	padding-top: 15px;}

.LgILbl
{
font-weight: bold;
width: 135px;
text-align: right !important;
}

/* LOGIN PAGE */
a.LgIMLbl:link, a.LgIMLbl:visited , a.LgIMLbl:hover, a.LgIMLbl:active
{
font-family: verdana;
}

.LgITxBx
{
	width: 220px;
font-size: 8pt;
}
/* generic inputs */

INPUT
{
font-size: 10pt;
color: Black;
}

.btn
{

vertical-align: middle;
border:1px solid;
border-top-color:#fff;
border-left-color:#fff;
border-right-color:#333;
border-bottom-color:#333;
height: 24px;

background: #eeeeee;
filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffbbbbbb');}

/* the navbar! minus apps down and user panel */

.NavBr
{
cursor: pointer;
margin-bottom: auto;
cursor: hand;
padding: 0px;
}

.TItm
{	   cursor: pointer;
font-weight: bold;
background: #3f3f3f url(img/navbg.gif) repeat-x;
cursor: hand;
font-family: Arial;
font-size: 10pt;
}

.DItm
{	   cursor: pointer;
font-weight: bold;
color: white;

width: 150px;
overflow: hidden;
font-family: Arial;
background: #3f3f3f url(img/navdnbg.gif) repeat-x;
font-size: 10pt;
}

.TItmH
{ 	   cursor: pointer;
	font-weight: bold;
color: white;
font-family: Arial;
background: white url(  'img/navhotbg.gif' ) repeat-x;
font-size: 10pt;
}

.TItmX
{	   cursor: pointer;
	font-weight: bold;
color: black;
font-family: Arial;
background: white url(img/navbg.gif) repeat-x;
font-size: 10pt;
}

.L2Itm
{	
	color: #333; background-color: #eee;
overflow: hidden;	  }

.L2ItmA
{

	font-weight: bold;
	color: black;
overflow: hidden;
	
}

.L2ItmH
{
	color: Black;
	text-decoration: underline;
overflow: hidden;
}
.L2Gp
{
font-weight: normal;
background-color: #eee;
font-family: verdana, verdana;
font-size: 8pt;
cursor: pointer;
margin-top: 3px;
}
/* APPS DOWN SECTION */



.D2ItmH
{text-decoration: underline;
    
overflow: hidden;}

.D2Gp
{
overflow: hidden;
width: 180px;
background-color: #ad1f31;
padding-top: 8px;
color: #FFFFFF;
font-family: verdana, verdana;
font-size: 8pt;
cursor: pointer !important;
text-decoration: none !important;
}



/* the titlebar and associated icons, leave SHB2 Alone for compatibility reasons */
.SHB
{
	z-index: 10;
width: 100%;
left: 0px;
top: 35px;
position: absolute;
height: 36px;
}

.SHB2
{background: url(img/SHB.gif) repeat-x;}


DIV.SHBIc
{
position: absolute;
left: 0px;
padding-left: 6px;
}

DIV.SHBTx
{

font-family: arial;
font-size: 11pt;
line-height: 26pt;
font-weight: bold;
height: 36px;
color: White;
padding-left: 38px;
}

.B24
{
background-image: url('img/SHB.gif');
background-repeat: repeat-x;
position: absolute;
width: 100%;
height: 24px;
color: White;
}

.B24Tx
{

font-family: arial;
font-size: 11pt;
line-height: 19pt;
font-weight: bold;
width: auto;
padding-left: 32px;
padding-right: 6px;
	white-space: nowrap;
	overflow: hidden;
}

.B24Tx span
{font-size: 8pt; line-height: 18pt; font-weight: bold;}

DIV.B24Ic
{
position: absolute;
left: 180px;
padding-left: 6px;

}


DIV.TlBr
{

position: absolute;
left: 0px;
top: 70px;
width: 100%;
background: url('img/NavUserM.gif');
height: 23px;
overflow: auto;
padding: 5px 2px -2px 2px;
border-bottom: 1px solid #999999;


}

DIV.TlBrTx
{
padding-top: 1px;
font-size: 8pt;
font-family: verdana;
position: absolute;
left: 182px;
height: 22px;
overflow: hidden;
}


.TlBrTx span
{
position: relative;
top: -10%;
}

DIV.DGTlBr
{
position: static;
width: auto;
border: 1px solid #999999 !important;
padding: 5px 1px 3px 3px;
left: 0px;
top: 99px;
background: url('img/NavUserM.gif');
height: 23px;
border-bottom: 1px solid #999999;
}

.TlBrTx input
{

font-size:8pt;
height: 21px;
border:1px solid;
border-top-color:#fff;
border-left-color:#fff;
border-right-color:#333;
border-bottom-color:#333;
background-color: #eeeeee;

filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffbbbbbb');
}

.nBtn
{
height: 22px;
border: 1px solid;
background-color: #fff !important;
	border-top-color:#333 !important;
border-left-color:#333 !important;
border-right-color:#fff !important;
border-bottom-color:#fff !important;
filter:none !important;
}
input.g
{
border-top-color:#696;
border-left-color:#696;
border-right-color:#363;
border-bottom-color:#363;
background-color: #ada;
filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaddaa');
}

input.r
{
border-top-color:#966;
border-left-color:#966;
border-right-color:#633;
border-bottom-color:#633;
background-color: #daa;
filter:progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffddaaaa');
}

/* below is for content and leftbar placement --
don't touch the viewport.  bad things will happen.  append a class="scaled" to scale images to window*/

.LBrWrp
{
background-image: url(img/splashbar.gif);
background-repeat: repeat-y;
height: 100%;
width: 180px;
border-right: 1px solid #9f9f9f;
overflow: hidden;
}

.Cnt
{  border: 0px solid black;
      margin: 88px 10px 10px 190px;
      padding-bottom: 10px;
      padding-top: 5px;}

.Cnt.Scld
{
width: 100%;
}

.stbrn td
{
 white-space: nowrap;
}

DIV.LBr
{
position: absolute;
top: 70px;
width: 180px;
left: 0px;
height: auto;
background-color: #eee;
border-right: 1px solid #9f9f9f;
}

.demo
{
font-family: Arial;
font-size: 12pt;
font-weight: bold;
color:#ff3300;
}

.SplL
{
	position: absolute;
	left: 140px;
	top: 8px;
}
.Spl
{    background-color: #8cabca;
	width: 100%;
left: 0px;
top: 0px;
position: absolute;
height: 35px;
}

.SplR
{
position: relative;
float: right;
height: 35px;
width: 182px;
background: url(img/splashR.jpg) no-repeat top right;
}

/* stuff for userpane */
DIV.UsrR
{
float: right;
height: 35px;
width: 25px;
background-image: url(img/navUserR.gif);
}
DIV.UsrY

{float: right;
height: 35px;
width: 25px;
background-image: url(img/navUserY.gif);
}

DIV.UsrB
{float: right;
height: 35px;
width: 25px;
background-image: url(img/navUserB.gif);
}

DIV.Usr
{
float: right;
height: 34px;
font-size:9pt;
	font-family: Arial;
color: White;
padding-right: 6px;
line-height: 24pt;
}

.Imp
{
background: url(img/navRet.gif);
width: 22px;
height: 35px;
float: right;
}
.Imp A
{
background: url(img/navRet.gif);
width: 22px;
height: 35px;
float: right;
}

.Imp A:hover
{
background: url(img/navRetH.gif);
width: 22px;
height: 35px;
float: right;
}


.LgO
{
background: url(img/navLOut.gif);
width: 22px;
height: 35px;
float: right;
}
.LgO A
{
background: url(img/navLOut.gif);
width: 22px;
height: 35px;
	float: right;
}

.LgO A:hover
{
background: url(img/navLOutH.gif);
width: 22px;
height: 35px;
float: right;
}

/* fancy rounded corner rectangles */

.round
{
background-color: #eeeeee;
color: #000000;
padding: 20px 10px 20px 10px;

}

.RoundIn
{
margin:0px 10px 0px 10px;
}

.round p
{
margin: 0px 20px;
}

div.round scaled
{
width: 100%;
}

.PrTtl
{
padding-left: 15px;
font-size: 14pt;
font-weight: bold;
}

.PrCnt
{
margin-top: 44px;
margin-left: 190px;
margin-right: 10px;
overflow: hidden;
padding-top: 25px;
}
.PrDL
{
text-align:left;
}


/* rounded-corner content */
.MTx
{
color: black;
font-family: verdana;
font-size: 7pt;
line-height: 7pt;
font-style: italic;
font-weight: normal;
}

.MTx a
{
color: #666 !important;
font-family: verdana;
}


.X
{
color: #000000;
font-family: verdana;
font-style: italic;
font-weight: normal;
}




img.crn
{
width: 25px;
height: 25px;
border: none;
display: block !important;
}
/*
div.round td
{
vertical-align: text-top;
font-family: verdana;
font-size: .8em;
}
*/

.logo
{
border-bottom: 1px solid #9f9f9f;
font-size: 7pt;
text-align:center;
}

.name
{
font-size: 9pt;
font-weight: bold;
}

.info
{
font-size: 11pt;
font-weight: bold;
}

.IcTx
{
text-align: right;
line-height: 16pt;
font-weight: bold;
}

/* danger, will robinson! */
/* error */
.Error
{
color:Red;
font-weight: bold;
}


.PopDn a:link, .PopDn  a:visited, .PopDn  a:active, .PopDn  a:hover, .PopDn 
{ 
color:#ff00ff; 
}

.warn
{
border: red solid 3px;
padding: 20px;
background-color: #eeeeee;
}
.dbox
{
border: #9f9f9f solid 3px;
padding: 20px;
background-color: #eeeeee;
}
.bang
{
height: 114px;
width: 114px;
background: url(img/bang.gif);
}

.ding
{
height: 114px;
width: 114px;
background: url(img/ding.gif);
}


/* TREESTYLES BELOW */

.TrVw
{
padding-top: 2px;
padding-left: 0px;
cursor: default;
background-color: #eee;
}

.TrVwMg
{
background-color: #eee;
}

.TrNode
{
font-family: tahoma;
font-size: 11px;
margin-top: 2px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
background-color: #eee;
}

.GTrNode
{
font-family: tahoma;
font-size: 11px;
margin-top: 2px;
padding-top: 2px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
color: gray;
cursor: default;
}

.HTrNode
{
font-family: tahoma;
font-size: 11px;
margin-top: 2px;
text-decoration: underline;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
cursor: default;
}

.STrNode
{
font-family: tahoma;
font-size: 11px;
margin-top: 2px;
background-color: gray;
color: white;
padding-top: 2px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
cursor: default;
}

.NodeEdit
{
margin-top: 2px;
border: 1px gray solid;
font-family: tahoma;
font-size: 11px;
}


/* GRIDSTYLES */

/* for the grid */
.Gd
{background-color: #FFFFFF;
    border-style: hidden;
    border-color: #eee;
    border-width: 0px !important;
    }

.Gd TD, .Gd TH, .Gd TR
{
color: black;
font-family: verdana, verdana;
    border-width: 0px !important;
}

.GdPgr
{
text-align: center;
color: black;
background: url(img/NavUserM.gif) repeat-x;
font-family: verdana, verdana;
font-size: 9pt;
font-weight: bold;
	text-decoration: underline;
padding: 10px 10px 10px 10px;
}

.GdPgr a:link, .GdPgr a:visited
{
color: #666;
font-family: verdana, verdana;
font-size: 9pt;
font-weight: normal;
}

.GdItm, .t1
{background: white;}

.GdAItm, .t2
{background: #f3f3f3;}

.GdL
{ text-align: left;}

.GdC
{ text-align: center;}

.GdHdr
{
font-size: 8pt;
background: url(img/NavUserM.gif) repeat-x;
height: 18px;
WHITE-SPACE: nowrap;
text-align: center ;
color: black;
font-family: verdana, verdana;
	border: solid 0px #eee;
	border-style: none;
}

.GdHdr a:link, .GdHdr a:visited, .GdHdr a:active, .GdHdr a:hover
{
font-family: verdana, verdana;
color : Black;
}

.GdHdrTx
{
color: #FFFFFF;
font-family: verdana;
font-size: 8pt;
}

.GdFtr
{
font-family: verdana;
background: url(img/SHB.gif) repeat-x;
color:black;
FONT-WEIGHT: bold;
height: 18px;
WHITE-SPACE: nowrap;
}

.GdFtrTx
{
color: #ffffff;
font-family: verdana;
font-size: 8pt;
}

.HdgRow
{
background-color: #E9E9EB;
background-image: url(img/hdrRowBg.gif);
}

.HdgCel
{
background-image: url(img/hdrBg.gif);
background-color: #E9E9EB;
padding: 3px;
padding-top: 2px;
padding-bottom: 2px;
}

.HdgCelH
{
background-image: url(img/hdrRowBg.gif);
background-color: #F6F6F7;
}

.HdgCelA
{
background-image: url(img/hdr_ABg.gif);
background-color: #F6F6F7;
}

.HdgRow td.1stHdgCel
{background-image: url(img/hdrBg.gif);}

.HdgCelTx
{
font-family: verdana;
font-size: 10px;
font-weight: bold;
text-align: left;
padding-top: 3px;
padding-bottom: 5px;
}

.Row
{
background-color: #FFFFFF;
cursor: default;
}

.Row td.DtCel
{
padding: 3px;
padding-top: 2px;
padding-bottom: 1px;
border-bottom: 1px solid #eee;
font-family: verdana;
font-size: 10px;
}

.SrdDtCel
{background-color: #F5F5F5;}

.Row td.LstDtCel
{background-color: #EFEFF4;}

.SRow
{}

.SRow td.DtCel
{
background-color: #FFEEC2;
padding: 2px;
padding-left: 3px;
padding-top: 1px;
padding-bottom: 1px;
font-family: verdana;
font-size: 10px;
border-bottom: 0px solid #eee;
border-top: 0px solid #eee;
border-right: 0px;
}

.SRow td.1stDtCel
{
background-color: #FFEEC2;
border-left: 0px solid #eee;
border-right: 0px;
padding-left: 2px;
padding-right: 3px;
}

.SRow td.LstDtCel
{
background-color: #FFEEC2;
border-right: 0px solid #eee;
}

.GpHdg
{
color: #706F91;
background-color: #FFFFFF;
font-family: verdana;
font-weight: bold;
font-size: 11px;
border-bottom: 2px solid #A5A4BD;
padding-top: 10px;
padding-bottom: 3px;
}

.GpByCel
{
cursor: pointer;
}

.GpByTx
{
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
padding-right: 5px;
}


.SldPop
{
background-color: #FFF4D7;
border: 1px solid #4B4B6F;
border-top-color: #9495A2;
border-left-color: #9495A2;
font-size: 11px;
width: 150px;
height: 30px;
}

.ScrBr
{background-image: url(img/scroller/scroller_bg.gif);}

.ScrGrip
{background-image: url(img/scroller/scroll_gripBg.gif);}

.ScrPop
{
background-color: #FFFFFF;
border: 1px solid #666666;
border-right-width: 2px;
border-bottom-width: 2px;
height: 23px;
}

DIV.GdBx
{background-color: #195695;}

DIV.GdTL
{
height: 25px;
background: url(img/gridtopleft.gif) top left no-repeat;
}

DIV.GdTR
{
height: 25px;
background: url(img/gridtopright.gif) top right no-repeat;
}

DIV.GdBL
{
height: 25px;
background: url(img/gridbottomleft.gif) bottom left no-repeat;
}

DIV.GdBR
{
height: 25px;
background: url(img/gridbottomright.gif) bottom right no-repeat;
}

Table.TdTagsTbl
{
/*margin: 1em auto 1em auto;*/
padding: 10px;
border-collapse:collapse;
border: solid 1px #666;
width: 100%;
}

Table.TdTagsTbl TH
{
font-weight: bold;
text-align: center ;
color: black;
font-family: verdana, verdana;
font-size: 8pt;
background: url(img/NavUserM.gif) repeat-x;
border-left: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1;
border-collapse:collapse;
padding:0px;
}


/* MY USER INFO */

TR.LocAdmin  TD
{
border-right: 1px #555555;
margin: 0 0 0 0;
padding: 5px 5px 5px 5px;
text-align: center;
}


.Msg
{
color: #555555;
font-family: verdana;
font-size: 9pt;
line-height: 11pt;
font-style: italic;
font-weight: normal;
margin: 10em 10em 10em 10em;
}

/* TAB STRIP GUI*/
.TbTx
{color: black;}

.TGp
{
    padding-left: 10px;	
	z-index:99;
	position:relative;
}

.DTb
{
color:black;
background-image: url(img/tabBg.gif);
font-family: verdana, verdana;
color: black;
font-size: 7pt;
cursor:default;
}

.STb
{
color:black;
background-image: url(img/tabBgSel.gif);
	font-family: verdana, verdana;
font-size: 8pt;
cursor:default;
}

.MultiPg
{
background-color:#eeeeee;
border-top: 1px solid #919B9C;
width:486px;
height:150px;
position:relative;
padding:10px;
top:-3px;
z-index:98;
}

.PgCnt
{
background-color: #eeeeee;
font-family: verdana, verdana;
font-size:8pt;
}

.Hide { visibility:hidden;  display:none; }

.DontHide { visibility: visible; display: inherit; }

.star { color: #ff0000; font-weight: bold; font-size:12pt;}

/* they see me rollin'... */

.fade
{
position:fixed;
top:0px;
left: 0px;
width:100%;
height:100%;
background: white;
overflow: hidden;
filter:alpha(opacity=65);
-moz-opacity:.65;
opacity:.65;
}
.spin
{
#position: relative;
#top: 50%;
#left: 50%;
vertical-align: middle;
display: table-cell;
}

/* for the search bar */

.SrcTtl
{
background-image: url('img/SHB.gif');
position: static;
margin-left: 32px;
width: 100%;
height: 24px;
color: White;
font-size: 11pt;
font-weight: bold;
font-family: Arial;
cursor: hand;

}


.SrcTtl a
{
    color: white;
    cursor: hand;
    text-decoration: none !important;
}

.SrcCnt
{font-family: verdana;
    margin-left: -4px;
    padding-right:10px;
    color: Black;
    font-size: 8pt;
    background-color: #eee;
    width: 100%;
}

.hideme
{
}

DIV.UsrWdgt
{position: absolute; left: 193px; top: 132px;}
	
