/*------------------------------------------------------------
 help related styles
-------------------------------------------------------------*/
.help
{
	BACKGROUND-COLOR: #ffffcc; 
	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;
}

.xsOuterTable 
{
	padding: 0 0 0 1;
	background-color:White;
}
.xsOuterTableTree {
	border: solid 1px #cccccc;
	height: 100%;
	padding-right:5px;
}
.xsDetails
{
	width:100%;
}
.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: 25px;
	background-color: gainsboro;
}

/*---------------------------*/
/* option 1 toolbar style */
/*---------------------------*/
.xsToolbarBackgroundTop
{
	border: #808080 1px solid;
	width: 100%;
	height: 25px;
	padding-bottom: 0px;
	margin-bottom: 1px;
	background-color: #dcdcdc;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold; 	
	color:  gray;
	
}
.xsToolbarBackgroundBottom
{
	border: #808080 1px solid;
	width: 100%;
	height: 25px;
	padding-top: 0px;
	margin-top: 1px;
	background-color: #dcdcdc;
	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
----------------------------------------------------------- */
.dgTxt{font-size: 11px;color: #000000;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: #000000;font-family: Arial, Verdana, Sans-Serif;}
.dgTxtB{font-weight: bold; font-size: 11px;color: #000000;font-family: Arial, Verdana, Sans-Serif;}
.dgTxtBm{font-weight: bold; font-size: 13px;color: #000000;font-family: Arial, Verdana, Sans-Serif;}

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

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





/* ================================
    CSS STYLES FOR Module nlsTree
   ================================ */
a.prnnode  {
    font-family:tahoma,Arial;
    font-size:8pt;
    color:#000000;
    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:#000000;
    text-decoration:none;
    cursor:hand;
    margin:0px;
    /*background-color:#CCFFCC;*/
    background-color:#cccccc;
    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:#000000;
    text-decoration:none;
    cursor:hand;
    margin:0px;
   /* background-color:#CCFFCC;*/
    background-color:#cfcfcf;
    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:#ffffff;
    padding:1px 1px 1px 1px
}

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

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

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

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

.ctxsidebarover {
    background-color:gainsboro;
    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;
    }