/*
 * Author: Vertex Logic, Inc
 * Copyright 2005, 2006 - All rights reserved
 *
 * Vertex Logic, Inc., California, USA 
 *
 * Vertex Logic grants you ("Licensee") a non-exclusive license to use
 * and modify this source and recompile it in
 * accordance with the terms of the Agreement under which this software is bought
 * and provided that (i) this copyright notice appear on all copies of the Software; 
 * (ii) Licensee does not sale the software as is or with modification without
 * the prior consent of Vertex Logic. (iii) Licensee agrees that it does not have any 
 * title or ownership of the Software.
 *
 * The program is provided "as is" without any warranty express or
 * implied, including the warranty of non-infringement and the implied
 * warranties of merchantibility and fitness for a particular purpose.
 * Vertex Logic will not be liable for any damages suffered 
 * by you as a result of using the Program. 
 * In no event will Vertex Logic be liable for any
 * special, indirect or consequential damages or lost profits even if
 * Vertex Logic have been advised of the possibility of their occurrence. 
 * Vertex Logic will not be liable for any third party claims against you.
 */

/** 
  padding: top, right, bottom, left
*/

A {
	text-decoration: underline;
	color: #0033CC;
}

A:hover {color:#FF6600;}
A:visited {}
A:active {color: #800080;}

h1, h2, h3, h4 
{
	margin: 0; padding: 0; 
}

div
{
 margin-bottom:0px;
 margin-top:0px;
}

fieldset {
	padding-left:8px;
	border:0px;
}

legend {
	padding-left:0px;
	margin-left:0px;
}

.LabelMsg {
	margin-right:10px;
	color:#c2c2c2;
	float:right;
}

/* Form */


.ButtonStyle{
	height: 20px;
	line-height:15px;
	color: #333;
	padding-left: 8px;
	padding-right: 8px;
	background: url('../images/button_bg2.gif') repeat-x #f0f0f0;
	border: 1px solid #4bb1d9;
}

.ButtonStyleGray{
	height: 20px;
	line-height:15px;
	color: #333;
	padding-left: 8px;
	padding-right: 8px;
	background: url('../images/button_bg.gif') repeat-x #f0f0f0;
	border: 1px solid #4bb1d9;
	color:#c2c2c2;
}

.ComboBoxField 
{
	vertical-align:middle;
}

.ComboContainer
{
	z-index: 700010;
}

.ComboTd1
{
  padding: 0px 1px 0px 2px;
  border-left : 1px solid #7f9db9;
	border-top : 1px solid #7f9db9;
	border-bottom : 1px solid #7f9db9;
	vertical-align:middle;
}
.ComboTd2
{
  border-right : 1px solid #7f9db9;
	border-top : 1px solid #7f9db9;
	border-bottom : 1px solid #7f9db9;
	vertical-align:middle;
	padding: 1px 1px 0px 0px;
}

.ComboImage
{
	
	
}

.ComboBox
{
	border : 0px solid #7f9db9;
	
}

.DropDown 
{
	position:absolute;
	z-index: 700010;
	border-left:1px solid gray; border-top:1px solid gray; border-right:1px solid gray; border-bottom:1px solid gray;
	margin:0px;
	padding:0px;
}
	
.DropDownTable 
{
	float:left;
	cursor: default;
	table-layout:fixed;
}

.DropDownScroller 
{
  overflow: auto;
	float:left; 
	background-color:#f2f2f2;
}

.DropDownItem 
{
	background-color:#ffffff;
	padding:0px;
}

.DropDownItemMouseOver
{
	background-color:#ccccff;
	padding:0px;
}


.Comp 
{
	border : 1px solid #7f9db9;	
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}

.CompNB 
{
	
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}

.TextArea 
{
    border : 1px solid gray;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
	overflow:visible;
}


.TextAreaReadonly 
{
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}


.SelectImage 
{

}

.CheckBox 
{
	vertical-align:middle;
	cursor: default;
} 

.CheckBoxLabel 
{	
	padding-left : 3px;
}

.Boolean
{
	vertical-align:middle;
	padding: 2px 2px 2px 2px;
	cursor: default;
}


.LinkInsideTable 
{
	text-decoration:underline;
} 

a.LinkInsideTable:hover
{
  color:#aa1c15;
}

.Date
{
	border : 1px solid #7f9db9;
	
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}


.DateOuterSpan
{
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
}

.DateInnerSpan
{
	padding: 2px;
	vertical-align:middle;
	text-align:left;
}

.DateTableCell
{
	
	padding: 2px 2px 2px 0px;
	vertical-align:middle;
}

.DateImage
{
	padding: 2px;
	padding-left: 4px;
	padding-right: 8px;
	vertical-align:middle;
	text-align:left;
}


.DateEdit
{
	padding: 0px;
	vertical-align:middle;
}

.DatePart
{
	font-size     : 10px;
	padding: 0px 0px 0px 0px;
	margin-right: 4px;
	vertical-align:middle;
	float: left;
	width:40px;
}

.MonthPart
{
	
	font-size     : 10px;
	padding: 0px 0px 0px 0px;
	margin-right: 4px;
	vertical-align:middle;
	float: left;
	width:45px;
}

.YearPart
{
	font-size     : 10px;
	padding: 0px 0px 0px 0px;
	margin-right: 4px;
	vertical-align:middle;
	float: left;
	width:50px;
}

.Time
{
	border : 1px solid #7f9db9;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}

.TimeEdit
{
	padding: 0px;
	vertical-align:middle;
}

.TimePart
{
	font-size     : 10px;
	padding: 0px 0px 0px 0px;
	margin-right: 4px;
	vertical-align:middle;
	float: left;
	width:38px;
}

.AMPMPart
{
	
	font-size     : 10px;
	padding: 0px 0px 0px 0px;
	margin-right: 1px;
	vertical-align:middle;
	float: left;
	width:42px;
}

.TimePart2
{
	padding: 0px 0px 0px 0px;
	margin-left: 4px;
	vertical-align:middle;
}


.TextAreaField 
{
	overflow:visible;
}

.Field 
{
	border : 1px solid #7f9db9;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}

.FieldNB 
{
	border : 0px solid #7f9db9;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}

.DateField
{
	border : 1px solid #7f9db9;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}


.TimeField
{
	border : 1px solid #7f9db9;
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}


.ButtonField 
{
	text-align:center;
	text-decoration:none;
	background-color: #ebead8;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 3px;
	padding-right: 3px;
}

.SeparatorField
{
	height:1px;
	background-color: #aca899;
	padding:0px 5px;
	text-align:left;
	margin:7px 0px;
}

.SeparatorContainer
{
	height:1px;
	background-color: #aca899;
	padding:0px 5px;
	text-align:left;
	margin:7px 0px;
}


.Separator
{
	color:#7246dc;
	left:10px;
	top: -7px;
	position:relative;
	height:15px;
	line-height:15px;
	background-color:#ffffff;
	padding:0px 2px;
}

.Masked
{
	border : 1px solid #7f9db9;
	
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}

.MaskedField
{
	border : 1px solid #7f9db9;
	
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}

.MaskedStrPart 
{
	border : 0px solid #7f9db9;
	
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
	height:16px;
}

.MaskedPart 
{
	border : 0px solid #7f9db9;
	
	
	padding: 0px 0px 0px 0px;
	vertical-align:middle;
	text-align:center;
	height:16px;
}



.Title
{
  	padding             : 3px;
  	padding-left:6px;
	background-color: #e7e7e7;
  	/*
	background-image:url(../../images/title.png); 
	height:24px; 
	background-repeat: repeat-x;
	*/
	height:16px; 
	text-align: -moz-center;
	text-align:center; 
}

.Form 
{
	padding:0px 0px 0px 0px;
	width:100%;
	overflow:visible !important;
}

.Form0
{
	padding:4px;
	margin: 0px 0px 0px 0px;
	width:100%;
	overflow:visible !important;
}

.Form0Table 
{
	padding:0px 0px 0px 0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	overflow:visible;
	width:100%;
}


.Form0Label 
{
	
}


.Form0LabelCell
{
	padding: 6px 2px 6px 3px;
	text-align:left;
}

.Form0FieldCell
{
	padding: 6px 6px 6px 3px;
	text-align:left;
	
	
}

.Form0FieldNoLabelCell 
{
	padding: 6px 6px 6px 3px;
	text-align:left;
}

.Form0FieldLastCell
{
	padding: 6px 6px 6px 3px;
	text-align:left;
}

.Form0FieldNoLabelLastCell 
{
	padding: 6px 6px 6px 3px;
	text-align:left;
}

.Form0SeparatorCell
{
	padding: 0px 0px 0px 0px;
}

.Form1 
{
	padding:0px 0px 0px 0px;
}

.Form1Table 
{
	padding:0px 0px 0px 0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.Form1Label 
{
	text-align:left;
	float:left;
	
}

.Form1LabelCell
{
	padding: 5px 16px 3px 3px;
	text-align:left;
	vertical-align: top;
	
	
}

.Form1FieldCell
{
	padding: 0px 16px 5px 3px;
	text-align:left;
	vertical-align: top;
	
	
}


.Form1FieldNoLabelCell 
{
	padding: 7px 16px 5px 3px;
	text-align:left;
	
	
}

.Form1LabelLastCell
{
	padding: 5px 2px 3px 3px;
	text-align:left;
	vertical-align: top;
}

.Form1FieldLastCell
{
	padding: 0px 2px 5px 3px;
	text-align:left;
	vertical-align: top;
}


.Form1FieldNoLabelLastCell 
{
	padding: 7px 2px 5px 3px;
	text-align:left;
}

.Form1SeparatorCell
{
	padding: 0px 0px 0px 0px;
}

.FormGeneric
{
	border-top : 1px solid gray;
	border-left : 1px solid gray;
	width: 100%;
}

.FormGenericLabelCell
{
	padding: 6px 2px 6px 3px;
	text-align:left;
	border-right : 1px solid gray;
	border-bottom : 1px solid gray;
}

.FormGenericFieldCell
{
	padding: 6px 6px 6px 3px;
	text-align:left;
	border-right : 1px solid gray;
	border-bottom : 1px solid gray;
}

/* Flow */

.Flow 
{
	width:100%;
}


.FlowFirstCell 
{
	padding: 2px 0px 0px 0px;
	
	
}

.FlowCell 
{
	padding: 7px 0px 0px 0px;	
}

/** Horizontal Tab */

.HTab 
{
	width:100%;
}


.tabs{
	margin-top:0px;
	margin-left:0px;
	float:left;
	clear:both;
	padding:0px;
	letter-spacing:1px;
	width:100%;
	
}

.tabs .tabsnav {
	padding:0px;
	margin:0px;
	width:100%;
	border-bottom:1px #c2c2c2 solid;
	height:24px;
	text-align:left;
}

.tabs .tabsnav ul {
	margin:0px 0px 0px 0px !important;
	padding:0px 5px 0px 5px!important;
}
.tabs .tabsnav li {
	float:left;
	height:24px;
	line-height:24px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	vertical-align:bottom;
}



.tabs .tabsnav a {
	color:#515151;
	float:left;
	height:24px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	background-color:#eeeeee;
	color:#000000;
	margin: 0px 4px;
	padding:0px 4px;
}

.tabs .tabsnav a:hover .text, .tabs .tabsnav .on a {
	background-color:#c2c2c2;
	color:#ffffff;
}


/** Horizontal Buttons */


.HButtons
{
	width:100%;
	/* background-color:#ebead8; */
	/* border-bottom: solid 1px gray; 
	order-top: solid 1px gray; */ 
}


.HButtonImage
{
	margin-right:3px;
	vertical-align:middle;
	border-style: solid;
	border-width: 1px;
	border-color: #f3f3f3;
	padding:0px 0px 0px 0px;
	
}

.HButtonFirstSpacerCell
{
	padding-left: 11px;
}

.HButtonLastSpacerCell
{
	padding-right: 11px;
}

.HButtonCell
{
	text-align:center;
	background-color:transparent;
	padding:5px 3px 0px 3px;
}

.HButton{
	height: 20px;
	line-height:15px;
	color: #333;
	padding-left: 8px;
	padding-right: 8px;
	background: url('../images/button_bg2.gif') repeat-x #f0f0f0;
	border: 1px solid #4bb1d9;
	white-space:nowrap;
}

html>body .HButton{
	padding-bottom:5px;
}
/** Vertical Buttons */



.VButtons
{
	
}

.VButtonImage
{
	margin-right:3px;
	vertical-align:middle;
	border-style: solid;
	border-width: 1px;
	border-color: #f3f3f3;
	padding:0px 0px 0px 0px;
	
}

.VButtonFirstSpacerCell
{
	padding-left: 11px;
}


.VButtonLastSpacerCell
{
	padding-right: 11px;
}

.VButtonCell
{
	text-align:left;
	background-color:white;
	padding-bottom: 2px;
}

.VButton
{
 	border: solid 1px gray;
	text-decoration:none;
	width: 100%;
	background-color: #f0f0eb;
	text-align:left;
	padding-right: 4px;
}


.StatusBar 
{
	border : 1px solid #7f9db9;
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 0px 2px 0px 2px;
	background-color: #f0f0eb;
	vertical-align:middle;
	height:20px;
}

.HBar 
{
   background-image:url(../../images/hbar.gif); 
	 border-color:#fff; 
	 border-style:solid; border-width:1px; border-left-width:0px; 
	 border-right-width:0px; border-top-width:0px;
	 margin:0px; 
	 width:100%;
   padding-top:10px; padding-bottom:13px; padding-left:1px;
}

.HBarItem
{
  color:#3d2e8e;
	font-weight:bold; 
	margin-left:1px;
    background-image:url(../../images/hbaritem.gif); 
	text-align:center; 
	text-decoration:none;
    padding-top:9px; 
	padding-right:0px; 
	padding-bottom:6px; 
	padding-left:0px; 
	width:121px;
	float:left;
}

.HBarItemSelected
{
    color:#aa1c15;
	font-weight:bold; 
	margin-left:1px;
    background-image:url(../../images/hbaritemselected.gif); 
	text-align:center; text-decoration:none;
    padding-top:9px; padding-right:0px; padding-bottom:6px; padding-left:0px; 
	width:121px;
	float:left;
}

.TreeNode
{
  cursor: default;
	padding-top:2px;
	padding-bottom:1px;
	text-decoration:none;
	width:100%;
	
	
	vertical-align : middle;
}

.NavList { margin: 0px; padding: 0px; }
.NavList .NavListUl { margin: 0; padding: 7px; cursor: default;}
.NavList UL.NavListUl { list-style-type: none; }
.NavListLI { padding: 0 0 3px 0; font-size: 90%}
.NavListLISelected { padding: 0 0 3px 0; font-size: 90%; background-color:#ccccff}
.NavList UL.NavListUl A { text-decoration: none; }
.NavListTitle { padding: 3px 5px; border-bottom: #947DB2 1px solid; }

.Debug {height:200px; width:800px;}
.DebugTextArea {background: #EBE9E9; padding: 4px; height:200px; width:100%; border: gray 1px solid;}

.RowFormCloseButton 
{ 
	text-decoration: none; 
	position:absolute;
	border: 0px solid #ffffff; 
	padding: 0px;
	margin: 0px;
	width: 16px;
	height: 16px;
  font-size: 1px;
	background-color:#ffffff;
} 

.RowDetailButtonImage
{
    border: 0px; 
	padding: 0px;
	cursor: default;
	width: 10px;
	height: 10px;
}

TableTreeOpenCloseImage
{
  border: 0px; 
	padding: 0px;
	cursor: default;
	width: 16px;
	height: 16px;
	vertical-align:middle;
	text-align:right;
}

.TableTreeTextSpan
{
    border: 0px; 
	padding: 0px;
}

.RowFormCloseButtonImage
{
  border: 0px; 
	padding: 0px;
	margin: 0px;
	width: 12px;
	height: 13px;
}

.ContextMenu { overflow:visible; margin: 0px; padding: 0px; position:absolute; top:0px; left:0px; z-index:300005; background-color:#ffffff; 
border-left:1px solid gray; border-top:1px solid gray; border-right:2px solid gray; border-bottom:2px solid gray}
.ContextMenu .ContextMenuUl { margin: 0px; padding-top: 0px; padding-bottom: 0px; z-index:300005; padding-left: 0px; padding-right: 0px; cursor:default; list-style:none}
.ContextMenuLI { padding: 0px 1px 3px 7px; font-size: 90%; z-index:300005; background-color:#ffffff; list-style:none}
.ContextMenuLIHover { padding: 0px 1px 3px 7px; font-size: 90%; z-index:300005; background-color:#ccccff; list-style:none}
.ContextMenuLIWithSeparator { padding: 0px 1px 5px 7px; margin-bottom: 5px; z-index:300005; font-size: 90%; border-bottom:1px solid gray; background-color:#ffffff; list-style:none}
.ContextMenuLIWithSeparatorHover { padding: 0px 1px 5px 7px; margin-bottom: 5px; z-index:300005; font-size: 90%; border-bottom:1px solid gray; background-color:#ccccff; list-style:none}


#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200;
	background-color:transparent;
}

#popupMask2 {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:7000002;
	background-color:transparent;
}


.ProgressBar {
	position: absolute;
	z-index: 8000001;
	top: 0px;
	left: 0px;
	display:none;
	padding: 8px;
	border : 1px solid #d2d2d2;
	background-color: #f2f2f2;
	width:300px;
}

.ProgressBar .Message {
	margin-bottom:5px;
}

.ProgressBar2 {
	position: absolute;
	z-index: 8000001;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
	width:300px;
}

.Dialog
{
	border : solid 10px #d8dfea;
	 position: absolute;
	 left : 40px;
	 top : 40px;
	 z-index: 300001;
	 padding: 0px;
	 background-color: #ffffff;
	 overflow: visible;
	 text-align:left;
}

.shadow-container {
	margin-left: 12px;
	margin-top: 12px;
	margin-right: 12px;
	overflow: visible;
}
 
.shadow-container .shadow {
	background: #eeeeee;
	overflow: visible;
}

.InlineDialog
{
	 padding-top:10px;
	 background-color: #ffffff;
	 overflow: visible;
	 text-align:left;
	 clear:both;
	 border: solid 1px #cccccc;
}

.InlineDialogABS
{
     position: absolute;
	 background-color: #ffffff;
	 overflow: visible;
	 text-align:left;
}

.InlineDialogBorders
{
     
}


.DialogTable
{
	 padding: 0px;
}


.Dialog .DialogTitle
{
    color:#fff; 
	font-size: 14px; 
	background-color: #6d84B4;
    height:24px; 
	vertical-align:middle; 
	text-align:left; 
	padding: 0px 0px 0px 6px;
	padding-top:1px;
	padding-bottom:2px;
}

.Dialog .DialogTitleButtonBar {
	background-color: #6d84B4;
	padding-right: 4px;
	height:24px; 
	width: 24px;
	text-align:right;
}

.Dialog .DialogContent {
	padding: 11px;
	border: solid 1px #cccccc;
	vertical-align:top;
}


.InlineDialog .DialogTitle
{    
    color:#000000; 
	vertical-align:middle; 
	text-align:left; 
	height:24x; 
	padding: 0px 0px 6px 6px;
	font-weight:bold;
	font-size: 14px; 
	border-bottom: solid 1px #cccccc;
}


.InlineDialog .DialogTitleButtonBar {
	padding: 0px 4px 6px 0px;
	height:24px; 
	width: 24px;
	text-align:right;
	border-bottom: solid 1px #cccccc;
}

.InlineDialog .DialogContent {
	padding: 11px;
	vertical-align:top;
}



.DialogTitleButton {
	margin-right: 8px;
	padding-top:3px;
	height:18px; 
	width: 24px !important;
	text-align:right;
	float:right;
	
}


.DialogCloseButton {
	text-decoration:none;
}

.DialogTitleSpan {
	padding-left: 2px;
	padding-top:3px;
	float: left;
	font-size:12px;
}


.DialogCloseButtonImage {
	
}


.HButtons2
{
	padding: 6px 11px 11px 11px;
	margin-right:11px;
}


.ColorPicker
{
	 border: solid 1px #f2f2f2;
	 position: absolute;
	 left : 40px;
	 top : 40px;
	 z-index: 3000002;
	 padding: 0px;
	 background-color: white;
}

.ColorPickerTitle
{
  background-color:#f2f2f2; 
	font-size: 14px; 
	font-weight:bold; 
	height:16px; 
	vertical-align:middle; 
	text-align:left; 
	padding: 0px 0px 0px 6px;
	border-bottom: solid 1px darkGray;
	cursor:move;
	padding-top:2px;
	width : 100%;
}

.ColorPickerTitleButtonBar { 
  background-color:#f2f2f2; 
	padding-right: 2px;
	float: right;
	border-bottom: solid 1px darkGray;
}

.ColorPickerCloseButton {
	text-decoration:none;
}

.ColorPickerCloseButtonImage {
	
}

.colorcell
{
   width:16px;
   height:12px;
}

.colorcell
{
   width:16px;
   height:12px;
}

.colorcellSel
{
   width:18px;
   height:14px;
   border: 1px solid #000000;
   font-size:3px;
   padding:1px;
}

.colorcellUnsel
{
   width:18px;
   height:14px;
   border: 1px solid #f2f2f2;
   font-size:3px;
   padding:1px;
}


#helpContainer {
	position: absolute;
	z-index: 203;
	top: 50px;
	left: 100px;
	width: 300px;
	height: 500px;
	/* display:none; */
	padding: 0px;
	border: 0px solid #000000;
}

#helpPanel {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 203;
}

#helpInner {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

#helpTitleBar {
	background-color: #c2c2c2;
	color: #FFFFFF;
	font-weight: bold;
	height: 13px;
	padding: 5px;
	border-bottom: 1px solid #000000;
	/* border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095; */
	position: relative;
	z-index: 203;
	cursor: move;
}
#helpTitle {
	float:left;
}
#helpControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#helpControls a span {
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	background: url('../../images/close.gif') no-repeat;
}

.Tooltip {
	visibility:hidden;
	position:absolute;
	color:#333;
	background-color:#FDFFB4;
	padding:2px;
	border:1px solid #FCC90D;
	font:100% sans-serif;
	width:auto;
	z-index: 2000001;
}

.SplCharTable {
	border: 1px solid #000;
	cursor: pointer;
}

.SplCharTD {
	font-size: 14px;
	width: 25px;
	height: 25px;
	border: 1px solid #000;
	text-align: center;
	vertical-align: middle;
	cursor: hand;
} 

.SplCharTD_Empty {
	font-size: 14px;
	width: 25px;
	height: 25px;
	border: 1px solid #000;
	text-align: center;
	vertical-align: middle;
	cursor: default;
} 

.SinglePicker 
{
	border : 1px solid #7f9db9;
	
	
	padding: 2px 2px 2px 2px;
	vertical-align:middle;
}


.TriggerElement {
	vertical-align:middle;
	margin-left: 3px;
}

.AddButtonCell 
{
	text-align:center;
	padding-bottom:3px;
	padding-right:7px;
	padding-left:7px;
	width: 80px !important;
	vertical-align:bottom;
}

.RemoveButtonCell 
{
	text-align:center;
	padding-top:3px;
	padding-right:7px;
	padding-left:7px;
	width: 80px !important;
	vertical-align:top;
} 


.MultiSelectTableCell 
{
	text-align:center;
	padding:11px;
	vertical-align:middle;
}

.MultiSelectTableCellDiv 
{
	background-color:#f2f2f2;
	padding  : 10px;
	border:1px solid #c2c2c2;
	height: 450px !important;
}


.SingleSelectTableCell 
{
	text-align:center;
	padding:11px;
	vertical-align:middle;
	height: 400px !important;
}

.SingleSelectTableCellDiv 
{
	background-color:#ffffff;
	padding  : 0px;
	border:1px solid gray;
	width:100%;
	height:100%;
}


.outerImageBox 
{
  overflow: hidden;
  position:relative;
  left: 0px;
  top:0px;
  margin:0px;
  padding:0px;
}

.outerImageBoxContainer 
{
  margin:0px;
  border-top:1px solid #3860af;
  border-bottom:1px solid #3860af;
  padding:10px;
}

.innerImageBox
{
  width: 10000px;
  text-align:center;
}


.innerImageBox br 
{
  clear: both;
}

.imageScroller
{
  text-align:center;
}

.imageScrollerButton
{
   padding:4px;
   vertical-align:middle;
}

.imageScrollerImageOff
{
  border: 2px solid #eaeaea;
  padding:1px;
  margin-right:6px;
  margin-top:4px;
  float: left;
}

.imageScrollerImageOn
{
  border: 6px solid gold;
  padding:1px;
  float: left;
  margin-right:6px;
}

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
	z-index : 300002;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #c8d0d4;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(../fw/images/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #e8f0f4;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #d8e0e4;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #b8c0c4;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #e8f4f0;
}

.calendar tbody .rowhilite td {
  background: #d8e4e0;
}

.calendar tbody .rowhilite td.wn {
  background: #c8d4d0;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #000 #fff #fff #000;
  background: #d8e0e4;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #e8f0f4;
  padding: 1px;
  border: 1px solid #000;
  background: #788084;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #d8e0e4;
  font-size: 90%;
  padding: 1px;
  z-index: 100010;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c8d0d4;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #aef;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #e8f0f4;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


.BooleanFieldCell
{
	padding: 6px 6px 6px 0px;
	text-align:left;
	vertical-align:middle;
}



.DragProxy {
   border:1px dashed black;
   padding:2px;
   text-align:center;
   background-color:#eeeeee;
   position:absolute;
}

.CellImage {
	margin:5px;
	text-align:center;
}

/* Grid or Repeating Table */

.Table {}

table {
  margin:0px;
}

thead
{
 margin:0px;
}

tbody
{
 margin:0px;
}

tr
{
 margin:0px;
}

th
{
 margin:0px;
}


.HeaderTable 
{
	padding : 0px;
	float:left;
	table-layout:fixed;
}


.HeaderTable th {
   padding     : 2px 4px;
   text-align  : center;
   border-right       : 1px solid #000;
   border-top       : 1px solid #000;
   border-bottom       : 1px solid #000;
   background-color : #f1f1f1;
}


.HeaderTable .first {
   border-left       : 1px solid #000;
}

.TableContainer {

}

.TableContainer .Inner
{
  overflow-y: hidden;
  overflow-x: hidden;
  float:left;
}

.TableContainer .Outter
{
  clear:both;
  overflow: hidden;
}


.TableContainer .ScrollTrack {
	height:100px; 
	margin:5px 0px 0px 10px;
	background-color:#a0a0a0; 
	width:6px; 
	float:left; 
	clear:none; 
}

.TableContainer .ScrollHandle_On {
	margin-left:-2px; 
	width:10px;height:5px;
	background-color:#dd4444;
	visibility: inherit;
}


.TableContainer .ScrollHandle_Off {
    margin-left:-2px; 
	width:10px;height:5px;
	background-color:#d2d2d2;
	visibility: hidden;
}

.emptyTableMessage
{
   padding- : 6px;
   text-align: center;
   color: gray;
   border-left : 1px solid #000;
}

.ContentTable 
{
	padding       : 0px;
	table-layout:fixed;
	width:100%;
}


.ContentTable td
{
  border-bottom : 1px solid #000;
  border-right  : 1px solid #000;
  text-align:left;
  vertical-align : middle;
  padding: 8px 4px 8px 4px;
  overflow: hidden;
}

.ContentTable .Cell1 {
   border-left  : 1px solid #000;
}


.ContentTable .CellN {

}

.ContentTable .CellRowHeader {
   background-color : #f1f1f1;
}

.ContentTable .CellDetailButton {
   text-align       : center; 
   background-color : #ebead8;
   cursor: default;
}

.ContentTable .CellEdit
{
	border-left : 1px dashed black;
	border-top : 1px dashed black;
	border-right : 1px dashed black;
	border-bottom : 1px dashed black;
	background-color:#f2f2f2;
}

.ContentTableNB
{
	padding       : 0px;
	table-layout:fixed;
	width:100%;
}


.ContentTableNB td
{
  text-align:left;
  vertical-align : middle;
  padding: 4px 4px 4px 4px;
  overflow: hidden;
}

.ContentTableNB .Cell1 {
   
}


.ContentTableNB .CellN {

}

.ContentTableNB .CellRowHeader {
  
}

.ContentTableNB .CellDetailButton {
   text-align       : center; 
   background-color : #ebead8;
   cursor: default;
}

.ContentTableNB .CellEdit
{
	border-left : 1px dashed black;
	border-top : 1px dashed black;
	border-right : 1px dashed black;
	border-bottom : 1px dashed black;
	background-color:#f2f2f2;
}


.ContentTableNB a {
	text-decoration: none;
	color:#666666;
}

/* for callout */

.co-top-left {
	background-image: url('../images/tl.gif');
	height: 14px;
	font-size: 1px;
	margin-right:14px;
}

.co-top-right {
	float: right;
	margin-top: -14px;
	background-image: url('../images/tr.gif'); 
	height: 14px; 
	width: 14px;
	font-size: 1px;
}

.co-inside {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #ffffff;
	padding-left: 4px;
	padding-right: 4px;
	margin:0px;
}

.co-notopgap {
	margin-top: 0px;
}

.co-nobottomgap {
	margin-bottom: 0px;
}
.co-bottom-left {
	background-image: url('../images/bl.gif');
	height: 14px;
	font-size: 1px;
	margin-right: 14px;
}

.co-bottom-right {
	background-image: url('../images/br.gif');
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 14px;
	font-size: 1px;
	margin-top: -14px;
}
.co-barrow2 {
	background: transparent url('../images/barrow3.gif') no-repeat;
	margin-top:-1px;
	margin-left:50px;
	width:100px;
	height:60px;
	background-position: 0px -15px;
	
}
.co-barrow2Sm {
	background: transparent url('../images/barrow3Small.gif') no-repeat;
	margin-top:-1px;
	margin-left:50px;
	width:100px;
	height:28px;
	background-position: 0px -15px;
	
}
.co-top-right-corner {
	background-image: url('../images/close.gif');
	background-repeat: no-repeat;
	width:14px;
	height:13px;
	float: right;
	clear: right;
	margin: -5px 5px;
	font-size: 1px;
}

.ProgressBarLarge {
	background-image: url('../images/progress_bar4.gif');
	background-repeat: no-repeat;
	width:68px;
	height:5px;
}