/*------------------------------------------------------------
 help related styles
-------------------------------------------------------------*/
.help
{
    background-color: white;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
}


/*------------------------------------------------------------
 tab related styles
-------------------------------------------------------------*/
#divTabStripsStyle
{
    width: 100%;
}
#divTabStripsStyle div
{
    width: 86px;
    height: 22px;
    float: left;
    margin-right: 4px;
}
#divTabStripsStyle div a
{
    display: inline;
    text-align: center;
    text-decoration: none;
    font: bold 10px Arial; /*tab font */
    color: black; /*font color */
    width: 86px; /*width of tab image */
    height: 22px; /*height of tab image */
    float: left;
    padding-top: 4px; /*vertical offset of tab text from top of tab*/
    background-image: url(images/xsTab.gif); /*URL to tab image */
    background-repeat: no-repeat;
}
#divTabStripsStyle a:hover, #divTabStripsStyle a.current
{
    background-image: url(images/xsTabon.gif); /*URL to tab image onmouseover */
    color: black;
}
#divTabContentStyle
{
    display: block;
    margin-top: 0px;
    clear: left;
    border: solid 1px #cccccc; /*width: 84%; /*width of 2nd level content*/
    width: 100%;
    padding: 5px; /*background-color: #9EBEF5;*/
}
.tabcontent
{
    display: none;
}


/*------------------------------------------------------------
 module layout related styles
-------------------------------------------------------------*/
.xsBox100
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    min-width: 100px;
}

.xsBox95
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    width: 95%;
    min-width: 100px;
}
.xsTree
{
    /*border-right:solid 1px #c6c6c6;*/ /*border: thin #CC0000 solid;*/
}

.xsOuterTable
{
    padding: 0 0 0 1;
    background-color: White; /*    border: thin #CC0000 solid;*/
}
.xsOuterTableTree
{
    border: solid 1px #cccccc;
    height: 100%;
    padding-right: 5px;
    border: thin #CC0000 solid;
}
.xsDetails
{
    width: 100%;
}
.xsStatusBar, table.xsStatusBar
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    margin-top: 2px;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    height: 0px;
    background-color: white;
    display: none;
}


/*---------------------------*/
/* option 1 toolbar style */
/*---------------------------*/
.xsToolbarBackgroundTop
{
    display: none;
    border: none; /*#808080 1px solid;*/
    width: 100%;
    height: 25px;
    padding-bottom: 0px;
    margin-bottom: 1px;
    background-color: white;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: gray;
}
.xsToolbarBackgroundBottom
{
    display: none;
    border: none; /*#808080 1px solid;*/
    width: 100%;
    height: 25px;
    padding-top: 0px;
    margin-top: 1px;
    background-color: white;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    color: gray;
}
.xsToolbarLeft
{
    padding-right: 5px;
}
.xsToolbarRight
{
    padding-left: 5px;
}

/*---------------------------*/
/* option 2 toolbar style */
/*---------------------------*/
/*
.xsToolbarBackgroundTop
{
	background: url(images/toolbar.horizontal.background.gif) repeat top center;
	width: 100%;
	height: 26px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	border: none;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold; 	
	color:  gray;
}
.xsToolbarBackgroundBottom
{
	background: url(images/toolbar.horizontal.background.gif) repeat top center;
	width: 100%;
	height: 26px;
	padding-top: 0px;
	margin-top: 0px;
	border: none;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold; 	
	color:  gray;
}
.xsToolbarLeft {
    padding-right: 5px;
    background: url(images/toolbar.horizontal.start.gif) no-repeat top left;
}
.xsToolbarRight {
    padding-left: 5px;
    background: url(images/toolbar.horizontal.end.gif) no-repeat top right;
}
*/
/*---------------------------*/


/*------------------------------------------------------------
text styles
----------------------------------------------------------- */
td.dgTxt, td
{
    border: none;
    font-size: 11px;
    color: #0000cc;
    font-family: Arial, Verdana, Sans-Serif;
    vertical-align: top;
}
.dgTxtGrey
{
    font-size: 11px;
    color: #c0c0c0;
    font-family: Arial, Verdana, Sans-Serif;
}
.dgTxtS
{
    font-size: 9px;
    color: #0000cc;
    font-family: Arial, Verdana, Sans-Serif;
}
.dgTxtB
{
    font-weight: bold;
    font-size: 11px;
    color: #0000cc;
    font-family: Arial, Verdana, Sans-Serif;
    border: none;
}
.dgTxtBm
{
    font-weight: bold;
    font-size: 13px;
    color: #0000cc;
    font-family: Arial, Verdana, Sans-Serif;
    border: none;
}

/* -------------------------------------------------
Input Boxes and Combo boxes style
---------------------------------------------------- */
.dgBox
{
    font-size: 9px;
    font-family: Arial, Verdana, Sans-Serif;
}

/* -------------------------------------------------
Table rows styles
---------------------------------------------------- */
.dgtblH
{
    background-color: white;
}
.dgTblF
{
    border-right: gainsboro thin solid 1px;
    border-left: gainsboro thin solid 1px;
    border-bottom: gainsboro thin solid 1px;
    background-color: white;
}
.dgRowH
{
    /*background-color: ghostwhite;*/
    background-color: white;
}





/* ================================
    CSS STYLES FOR Module nlsTree
   ================================ */
a.prnnode
{
    font-family: tahoma,Arial;
    font-size: 8pt;
    color: #0000cc;
    text-decoration: none;
    cursor: hand;
    margin: 0px;
    padding: 1px 1px 1px 1px; /*border:#ffffff 1px solid;*/
    height: 18px;
}

a.prnnode:hover
{
    /*font-weight:bold;*/ /*background-color:#CCFFCC; */ /*text-decoration:none;*/
    text-decoration: underline;
}

a.node
{
    font-family: tahoma,Arial;
    font-size: 8pt;
    color: #666666;
    text-decoration: none;
    cursor: hand;
    margin: 0px;
    padding: 1px 1px 1px 1px; /*border:#ffffff 1px solid;*/
    height: 18px;
}

a.node:hover
{
    /*background-color:#CCFFCC; */ /*text-decoration:none;*/
    text-decoration: underline;
}

a.selnode
{
    font-family: tahoma,Arial;
    font-size: 8pt;
    color: #0000cc;
    text-decoration: none;
    cursor: hand;
    margin: 0px; /*background-color:#CCFFCC;*/
    background-color: white;
    padding: 1px 1px 1px 1px; /*border:#66CC66 1px solid;*/
    height: 18px; /*font-weight:bold;*/
}
a.selnode:hover
{
    /*text-decoration:none;*/
    text-decoration: underline;
}

a.selprnnode
{
    font-family: tahoma,Arial;
    font-size: 8pt; /*font-weight:bold;*/
    color: #0000cc;
    text-decoration: none;
    cursor: hand;
    margin: 0px; /* background-color:#CCFFCC;*/
    background-color: white;
    padding: 1px 1px 1px 1px; /* border:#66CC66 1px solid;*/
    height: 18px;
}

a.selprnnode:hover
{
    /*text-decoration:none;*/
    text-decoration: underline;
}

div.row
{
    color: #0066cc;
    text-decoration: none;
    cursor: hand;
}

div.selrow
{
    /*background-color:#99CCFF;*/
    cursor: hand;
}

div.row:hover
{
    font-weight: bold;
}

input.nodeedit
{
    font-family: Verdana,Arial;
    font-size: 8pt;
    color: #666666;
    text-decoration: none;
    position: absolute;
    height: 18px; /*border:#cfcfcf 1px solid;*/
    z-index: 1;
}


/* ================================
    CSS STYLES FOR Module nlsTreeContextMenu
   ================================
*/

.ctxmenu
{
    position: absolute;
    border-top: #dddddd 1px solid;
    border-left: #dddddd 1px solid;
    border-bottom: #999999 1px solid;
    border-right: #999999 1px solid;
    z-index: 1;
    background-color: white;
    padding: 1px 1px 1px 1px;
}

.ctxsidebar
{
    background-color: white;
    width: 25px;
    cursor: pointer;
}

.ctxtext
{
    font-family: Verdana,Arial;
    font-size: 8pt;
    color: #333333;
    cursor: pointer;
    text-decoration: none;
}

.ctxitem
{
    background-color: white;
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}

.ctxitemover
{
    background-color: white;
    padding: 3px 5px 3px 5px;
    cursor: pointer;
}

.ctxsidebarover
{
    background-color: white;
    width: 25px;
    cursor: pointer;
}

.ctxtextover
{
    font-family: Verdana,Arial;
    font-size: 8pt;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
}

.ctxtextdisable
{
    font-family: Verdana,Arial;
    font-size: 8pt;
    color: #999999;
    cursor: pointer;
    text-decoration: none;
}

.ctxtextoverdisable
{
    font-family: Verdana,Arial;
    font-size: 8pt;
    color: #999999;
    cursor: pointer;
    text-decoration: none;
}

.ctxseparator
{
    border-top: #cccccc 1px solid;
    font-size: 1px;
}



/* ================================
    CSS STYLES FOR Download Window
   ================================
*/

.txt_normal
{
    font-weight: normal;
    font-size: 11px;
    color: #4c4c4c;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: justify;
}
.txt_link
{
    padding: 10;
    font-weight: normal;
    font-size: 9px;
    color: #4c4c4c;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}

.panel
{
    margin: 0 auto; /* center for now */
    width: 17em; /* ems so it will grow */
    background: url(images/box-r.gif) no-repeat bottom right;
    font-size: 100%;
    width: 320;
}

.boxhead
{
    background: url(images/header-r.gif) no-repeat top right;
    margin: 0 -2px 0 0;
    padding: 0;
    text-align: center;
    height: 24px;
    width: 100%;
}
.boxhead h2
{
    background: url(images/header-l.gif) no-repeat top left;
    margin: 0;
    padding: 7px 0 2px 15px;
    font-weight: bold;
    text-align: left;
    font-family: "Trebuchet MS" , verdana, arial;
    font-size: 10px;
    color: #378080;
}
.boxbody
{
    background: url(images/box-l.gif) no-repeat bottom left;
    padding: 0 2px 0 0;
    margin: 0;
}
.boxfooter
{
    height: 15px;
    background: url(images/footer-l.gif) no-repeat bottom left;
    margin: 0;
    padding: 5px 0 2px 15px;
}
.panelstatus .boxfooter
{
    font-size: 9px;
    color: #999;
    height: 15px;
    background: url(images/footerstatus-l.gif) no-repeat bottom left;
    margin: 0;
    padding: 5px 0 8px 15px;
}
.content
{
    overflow: auto;
    padding: 0;
    margin-right: 3px;
    margin-left: 2px;
    background-image: url(images/velo.jpg);
    text-align: left;
    height: 275;
}