/*******************************************/
/*System-StyleSheet.css                    */
/*Please do not modify this file!          */
/*Use the file OTWG_StyleSheet.css instead */
/*******************************************/

html,body
{
    margin:0px;
    padding:0px;
    height:100%;
    border:solid 0px;
    background-color: #eeeeee;
	overflow:hidden;
	font-family: Arial, Verdana;
	font-size:9pt;		
	scrollbar-face-color:#E3E3E8;
	scrollbar-shadow-color:#E3E3E8; /*hidden, same as foreground */	
	scrollbar-3dlight-color:#A1A1A3; /* border color*/
	scrollbar-darkshadow-color:#A1A1A3;	
	scrollbar-arrow-color:#444444;	
	scrollbar-highlight-color:#FFFFFF;
}
form { height:100%; }
p, tr, td, th, a, input, div, span, select, textarea, img
{
	margin:0px;
	padding:0px;
	font-family: Arial, Verdana;
	font-size:9pt;
}
a{color:#444444;}
a:active{color:#444444;}
a:visited{color:#444444;}
a:hover{color:#009EE0;}
.tooltip
{
	position: absolute;
	display: none;
	background-color:#ffffe7;
	border:solid 1px black;
	z-index:120;
}
.infolabel
{
}
.warninglabel
{
	color:Red;
	font-weight:bold;
}
/***** Images as buttons (general)****/
.imgbtn
{
	position:relative;
	cursor:pointer;	
}
.imgbtn img{}

/***** Buttons with image and text (general)****/
.imgtxtbtn
{
	position:relative;
	white-space:nowrap;
	padding: 0px 4px 0px 20px;
	height:20px;
	cursor:pointer;
}
.imgtxtbtn img /*position of the image*/
{
	position:absolute;
	left:2px;
	top:2px;
}
.imgtxtbtn p /*position of the text*/
{
	text-align:center;
	margin: 2px 2px 2px 4px;
}

/***** Buttons with text only(general)****/
.txtbtn
{
	position:static;
	white-space:nowrap;
	padding-top: 2px;
	height:20px;
	cursor:pointer;
}
.txtbtn p
{
	text-align:center;
	margin: 2px 6px 0px 6px;
}
/*form/attachment buttons*/
.formbutton, .formbuttondisabled, .attbutton, .attbuttondisabled
{
	background-color: #91A9D0;
	padding: 0px 4px 0px 4px;
	color: #000000;
	height: 20px;
	border: solid 1px #BBBBBB;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	background-image:url(images/bg_objectformbtn.png);
	border-width: 0px;
	margin: 2px;
	cursor:pointer;
}
.formbuttondisabled
{
	color: #777777;
	cursor:default;
}
/*******************************************/
/*Login dialog                             */
/*******************************************/
table.login
{
	background-image:url('images/login_background.GIF');
	border: 1px solid #949e9c;
	background-color: #eeeeee;
	background-repeat:no-repeat;
	table-layout:fixed;
}
table.guestlogin {}
.guestloginlabel
{
	margin-bottom:16px;
	display:block;
	width:100%;
	text-align:center;
}
.loginText
{
	border:1px solid #999999;
	height:17px;
	width:172px;
}
.loginText_guest
{
	background-color:#f4faff;
}

.login td
{
	text-align:left;
}
.loginLanguage{}
.loginButton
{
	background-color: #CECECE;
	background-image:url(images/bg_dialogbtn.png);
	padding:0px;
	margin:0px;
	width:80px;
	color: #000000;
	height: 18px;
	border:solid 1px #999999;
	cursor:pointer;
	text-decoration:none;
}
.loginButton_guest{}
.loginButton:hover
{
	background-color: #DEDEDE;
	background-image:url(images/bg_dialogbtn_hover.png);
}
.loginButton p
{
	margin: 0px;
	margin-top:2px;
}
body.login
{
	background-color: #ffffff;
}
tr.login
{
}
tr.login_guest{}
tr.password{}
tr.password_guest{}
.language
{
	margin-right: 6px;
}
tr.readonly
{
	background-color: #DDDDDD;
	background-color:Yellow;
}
/***********************************/
.mainviewbutton
{
	background-color: #91A9D0;
	margin: 2px 2px 2px 2px;
	color: #000000;
	height: 19px;
	border: solid 1px #BBBBBB;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	background-image:url(images/bg_dialogbtn.png);
	width: 100px;
	cursor:pointer;
}
table.mainview
{
	table-layout:fixed;
	top:0px;
	left:0px;
	border-width: 0px;
	padding: 0px;
}
/*--- Web Gateway Logo ---*/
body.webgatewaylogo
{
	background-color:#FFFFFF;
	border-bottom:solid 1px black;
}
.selectFolderPage
{
	background-color:#FFFFFF;
	background-image:url(images/bg_treeview.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
/*-------treeview---------*/
body.foldertree
{
	background-color:#FFFFFF;
	background-image:url(images/bg_treeview.png);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:0px;
}
.foldertree_image /* OMNITRACKER Logo */
{
	background-color:#FFFFFF;
}
.foldertree_tree
{
	position:relative;
	overflow:auto;
	width:100%;
}
.foldertreeitem
{	
	color:#000000;
}
.foldertreeitemselected
{	
	background:Highlight;
	color:HighlightText;
	padding-right:4px;
}
table.foldertree
{
	height:100%;
}
/*-------Filter definition dlg---------*/
table.tabtable
{
	table-layout:fixed;
	margin: 0px;
	padding: 0px;
	width:100%;
}
table.tabtabledatetime
{
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
}
.tabtabledatetime td{}

.FDFieldTable /*contains label + control*/
{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}
.FDlabel1col
{
	padding: 2px 4px 2px 4px; /*position of the fields label*/
	text-align:left;
	vertical-align:top;
	width:30%;
	overflow:hidden;
}
.FDcontrol1col
{
	vertical-align:top;
	text-align:left;
	width:70%;
	padding-right:2px; /*IE7!*/
}
.FDlabel
{
	overflow:hidden;
}


/*---------Object forms---------*/
.sectionheader
{
	font-weight: bold;
	border-bottom: solid 1px #999999;
}
table.plaintext
{
	width:100%;
	border-collapse:collapse;
}
td.plaintext
{
	padding:2px;
}
div.plaintext /* static text element on web forms*/
{
	padding:2px;
	border: solid 1px #999999;
	background-color: #eeeeee;
	font-weight: bold;
	color: #007DB4;
}
body.object
{
	background-image:url(images/16_OT_square_animated.gif);
	background-repeat:no-repeat;
	background-position:10px 40px;
}
.objecttoolbar
{
	height:30px;
	background-color: #FFFFFF;
	background-image:url(images/bg_toolbar1.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border-bottom:solid 1px #FFFFFF;
}
.objectform
{
	overflow:auto;	
	position:relative;
	background-color:#E3E3E8;
	background-image:url(images/bg_searchform.png);
	background-position:top;
	background-repeat:repeat-x;
}
table.object
{
	margin: 0px;
	vertical-align:top;
}
.objecttitle
{
	color:#FFFFFF;
	background-color: #009EE0;
	background-image:url(images/bg_objecttitle.png);
	font-size: 9pt;
	font-weight: bold;
	padding:3px;
	border: solid 1px black;
	border-top: solid 1px #999999;
	border-left: solid 1px #999999;
	white-space:nowrap;
}
.objectheader,.objecttabcontrol,objectfooter
{
	padding:2px;
}

table.objtabtable /*tabs*/
{
	table-layout:fixed;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

/*the cells containing the fields label and the control*/

/*Label position: HIDDEN*/
.fieldcontrol_labelhidden
{
	padding-left:4px;
}

/*Label position: TOP*/
.fieldlabel_labeltop
{
	padding: 2px 0px 0px 4px;
}
.fieldcontrol_labeltop
{
	padding: 0px 0px 0px 2px;
}
/*label position: LEFT*/
/*single column layout (one control per row)*/
.fieldlabel1col
{
	padding: 2px 4px 2px 4px; /*position of the fields label*/
	text-align:left;
	vertical-align:top;
	width:18%;
	overflow:hidden;
}
.fieldcontrol1col, .fieldcontrol1colEx
{
	vertical-align:top;
	text-align:left;
	width:82%;
	padding-right:0px;
}
/*two columns layout (two controls per row)*/
.fieldlabel2cols
{
	padding:2px 4px 2px 4px;
	text-align:left;
	vertical-align:top;
	width:36%;
	overflow:hidden;
}
.fieldcontrol2cols
{
	vertical-align:top;
	text-align:left;
	width:64%;
}
.fieldlabel_default
{
	overflow:hidden;
}
.fieldlabel_mandatory 
{
	overflow:hidden;
}
.fieldlabel_readonly 
{
	overflow:hidden;
}

.label_default,.label_readonly
{
	color:Black;
}
.label_mandatory, .label_mandatoryNew /*mandatory field for new/existing objects*/
{
	color:#CC0000;
}
.label_mandatoryByState
{
	color:#CC0000;
	color:Green;
}
.fieldvalue, .fieldvalueEx
{
	padding: 0px 2px 0px 0px;
	vertical-align: top;
}
.fieldvalueTxt
{
	padding: 0px 4px 0px 0px;
	vertical-align: top;
}
.inputpanel, .readonlypanel
{
	padding-right:2px;
}
table.attachments
{
	border: 1px solid #999999;
}
tr.attachmentsheader
{
	background-color: #d6d6d6;
}
.attHdrCellA, .attHdrCellB
{
	color:#000000;
	padding: 0px 4px 0px 4px;
	text-align:center;
}
.attCellA, .attCellB
{
	color:#000000;
	padding: 0px 4px 0px 4px;
	background-color:#EEEEEE;
}
tr.attachmentsitem{}

/*memo timestamped*/
.memosectionhead
{
	font-weight: normal;
}
.memosectioncontent
{
	border: 1px solid #999999;
	background-color:#DDDDDD;
	height: 54px;
	overflow:auto;
	word-break:break-all; /*IE*/
	word-wrap:break-word; /*FF3*/
}
.memocontainer
{
	vertical-align: top;
	border: solid 1px #999999;
	padding-left: 2px;
	
	padding-right:18px; /*IE bug: strict.dtd scrollbar problem*/
	overflow:auto;
	overflow-x:hidden;
	overflow-y:scroll;
}
.memocontainerfullsize
{
	vertical-align: top;
	height:100%;
	overflow:auto;
}
.memocontainerreadonly{}
.textboxSingle
{
	width: 100%;
	height: 18px;
	border: 1px solid #999999;
	margin: 0px;
}
.readonlysimple /*a readonly text, float, int, number, date field*/
{
	padding: 0px 1px;
	height:18px;
	border: 1px solid #999999;
	background-color:#DDDDDD;
	overflow:hidden;
}
.readonlymemo /*a readonly memo field*/
{
	border: 1px solid #999999;
	background-color:#DDDDDD;
	height: 200px;
	overflow:auto;
}
.comboboxSingle
{}
.textboxNowidth
{
	height: 19px;
	border: 1px solid #999999;
	margin: 0px;
}
.radiobutton
{
	width: 100%;
	margin: 0px;
}
select.textboxSingle
{
	width: 100%;
	height: 20px;
	border: 1px solid #999999;
}
.textboxMemo
{
	width: 100%;
	border: 1px solid #999999;
	height: 200px;
}
.fieldCell
{
	padding-right:2px;
	vertical-align:top;
}
.textboxTimeStampedMemo
{
	width: 100%;
	border: 1px solid #999999;
	height: 96px;
}
.timestamp /*last change + delete text*/
{
	font-size:9pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

.dateTimeFrame
{
	border:solid 1px #999999;
	background:url('images/16_OT_square_animated.gif') no-repeat 5px 5px;
    width:230px;
    height:252px;
    z-index:1000;
}
.dateTimeFrameTop
{
	position:relative;
	border:solid 1px #999999;
	background:url('images/16_OT_square_animated.gif') no-repeat 5px 5px;
    width:230px;
    height:252px;
    top:-273px;
    z-index:1000;
}
.dateTimePicker
{
	border:solid 1px #999999;
	background-color: #F3F3F7;
}

.readonlyTimeStampedMemo
{
	border: 1px solid #999999;
	background-color:#DDDDDD;
	vertical-align: top;
	overflow:auto;
}

/*-----shortcutbar-----*/
body.shortcutbar
{
	background-color: #009EE0;
	background-image:url(images/bg_shortcutbar.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color: White;
}
.shortcutimage
{
	cursor:pointer;
}
.shortcutlink
{
	width:100%;
	font-size:8pt;
	border:solid 0px;
	white-space:normal;
	color:#FFFFFF;
	background-color:Transparent;
	background-image:none;
	cursor:pointer;
}
.shortcutgroup
{
	font-size:9pt;
	height:22px;
	width:100%;
	color:#FFFFFF;
	border:solid 0px;
	background-color:#00466E;
	background-image:url(images/bg_shortcutgroup.png);
	cursor:pointer;
}
/*-----dialogs-----*/
body.dialog
{
	/*background-color: #dcd9d4;*/
	background-color: #E3E3E8;
	border: solid 0px;
}
body.dialogWithLogo /*NoLicences, PrintReport, Export*/
{
	background-color: #E3E3E8;
	background-color:Red;
	border: solid 0px;
	background:#FFFFFF url(images/OT_Logo.png) no-repeat 6px 6px;
}
div.dialogWithLogo /*NoLicences, PrintReport, Export*/
{
	margin:80px; /*position of the dialog content*/
	text-align:left;
}
.dialoglabel
{
	color: Black;
}
.dialogbutton
{
	padding: 2px 4px 3px 4px;
	color: #000000;
	border: solid 1px #BBBBBB;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	background: #C3C3C8 url(images/bg_dialogbtn.png) repeat-x 0px 0px;
	height: 20px;
	cursor:pointer;
}
.dialogbuttonGray
{
	border: solid 1px #BBBBBB;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	background:#E3E3E8;
	height:24px;
	cursor:pointer;	
}
.dialogImgBtn
{
	cursor:pointer;
}
.dialogImgBtn:hover
{
	border:solid 1px #aaaaaa	
}
.dialoglistbox
{
	border: solid 1px #999999;
	background-color: #fefefe;
}
.dialoglistboxfixedwidth
{
	background-color: #fefefe;
	width: 180px;
}
.dialogtextbox
{
	height:17px;
	border: solid 1px #999999;
	background-color: #fefefe;
}
.dialogradiobutton
{
	background-color: #eeeeee;
}
.dialogcheckbox
{
	color: Black;
}
tr.dialoglstheader
{
	font-weight: bold;
	background-color: #d6d6d6;
	color: black;
	vertical-align: top;
	height: 14px;
}
tr.dialoglstodd
{
	background-color: #E3E3E8;
	text-align: left;
	border-width: 0px;
	height: 12px;
	cursor:pointer;
}
tr.dialoglsteven
{
	background-color: #D2D2D7;
	text-align: left;
	border-width: 0px;
	height: 12px;
	cursor:pointer;
}
tr.dialoglstselected
{	
	cursor:pointer;
	color: White;
	background-color: Black;
	text-align: left;
	height: 12px;
}
.objformbutton, .objformbuttondisabled
{	
	color:#000000;
	background-color: #B3B3B8;
	margin:2px;
	background-image:url(images/bg_objectcommandbtn.png);
	background-repeat:repeat-x;
	border: solid 1px #BBBBBB;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
}
.objformbuttondisabled
{	
	color: #888888;
	cursor:default;
}

.pagelink
{
	color:#111111;
}
.pagelink:hover
{
	color:#009EE0;
}
.buttoncalendar
{
	margin-left:4px;
	width:16px;
	cursor:pointer;
}
.CalendarTitle
{
	background-color:#B2B2B7;
	font-weight:bold;
	background-image:url(images/bg_toolbarbtn.png);
}
.CalendarWeekend
{
	background-color:#E7FBFF;
}
.CalendarToday
{
	background:#E0E0E0;
}
.CalendarSelected
{
	background:#ffcc00;
	/*background-image:url(images/1_009EE0.png);*/
}
.Calendar
{
	border:solid 1px black;
	color:#000000;
	background:#ffffff;
}

/*------------------------------*/
/* Task Buttons on Web Forms    */
/* Send Email Button            */
/*------------------------------*/

.taskbuttons, .taskbuttonsdisabled
{
	color:#000000;
	border: solid 1px #BBBBBB;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	background-image:url(images/bg_objectformbtn.png);
	background-repeat:repeat-x;
	height: 22px;
}
.taskbuttonsdisabled
{
	cursor:default;
	color:#888888;
}

/*--------add attachments dialog--------*/
.attachmentbuttons
{
	height: 20px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-top: 1px;
	border: solid 1px #BBBBBB;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	background-color:#D4D0C8; /*standard windows gray*/
	width:100%;
}
.attachmentfield
{
	border: solid 1px #999999;
	height: 18px;
	width: 100%;
}
.attachmentuploads /*attachments list in the add attachment dialog*/
{
	width:100%;
	height: 45px;
	overflow:auto;
	border:solid 1px #999999;
}
.attachmentlink
{
	color:#111111;
}
.attachmentlink:hover
{
	color:#009EE0;
}

/*--------------------------*/
/* Toolbar Buttons          */
/* Logout, Layout, Save,... */
/*--------------------------*/
div.toolbar1
{
	background-color: #E0E0E5;
	background-image:url(images/bg_toolbar1.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
table.toolbar1
{
	height:30px;		
}
div.toolbar2
{
	background-color: #D3D3D8;
	background-image:url(images/bg_toolbar2.png);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top:solid 1px #FFFFFF;
}
table.toolbar2
{
	height:26px;	
}
.toolbarbutton, .toolbarbuttondisabled /*the toolbarbutton on the main page*/
{
	color: #FFFFFF;	
	background-color: #898D98;
	border:solid 1px #BBBBBB;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	background-image:url(images/bg_toolbarbtn.png);	
}
.toolbarbuttondisabled
{
	color: #CCCCCC;
	cursor:default;
}
#otBtnHideShortcut img, #otBtnHideFoldertree img
{
	margin:2px 2px 0px 2px;
}
.toolbarbutton:hover
{
	background-image:url(images/bg_toolbarbtn_hover.png);
}
.toolbartext /* textlabel */
{
	color: #000000;
	white-space: nowrap;
	border:solid 0px #7288AC;
}
.cboReports
{
	width:120px;
}
#cboReports
{
	width:200px;
}
.separator
{
	width: 1px;
	height: 18px;
	margin-right: 3px;
	margin-left: 3px;
}
/*-----------------------------*/
/* Send Email Dlg              */
/*-----------------------------*/
container /* send email dlg*/
{
	padding:2px;
	margin:0px;
	border:solid 1px #ddddcc;
	background-color:#bbbbbb;
	position:relative;
}
.containerbar /* send email dlg*/
{
	background-image:url('favicon.ico');
	background-repeat:no-repeat;
	background-position:2px 2px;
	margin:0px;
	padding: 0px;
	height:20px;
	width:100%;
	border:solid 0px #aaaaaa;
	background-color:#7288ac;
	vertical-align:bottom;
	position:relative;
	top:0px;
	left:0px;
}
.subcontainer /* send email dlg*/
{	
	padding:0px; 
	background-color:#E3E3E8;
	border:solid 1px #ffffff;
	border-right-color:#888888;
	border-bottom-color:#888888;
	position:relative;
}
.subsubcontainer /*email, filter, msgtemplate, password, columnSelection dlg*/
{
	padding:0px; 
	background-color:#E3E3E8;
	border:solid 1px #ffffff;
	border-right-color:#888888;
	border-bottom-color:#888888;
	overflow:visible; /*e.g. dropdown panel should be visible*/
	float:left;
}
.containericon /*close icon in the containerbar (email)*/
{
	border:solid 1px #7288ac;
	margin:0px;
	cursor:pointer;
	position:absolute;
	right: 4px;
	top:4px;
}
.containericon:hover
{
	border:solid 1px #ffffff;
}
.dialogtitle /*email: add recipients/attachment*/
{
	position:absolute;
	left:20px;
	top:2px;
	color:#ffffff;
	font-size:9pt;
	font-weight:bold;
}
.overlayTransparent /* email dlg (fade out background) */
{
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	filter:alpha(opacity=20);
	-moz-opacity: .2;
	background-color:Black;
	position:absolute;
	z-index:490;
}
.overlay /*filter dlg (loading symbol...)*/
{
	text-align:center;
	vertical-align:middle;   
    z-index:110;
    background-color:#ffffee;   
}
.addressbookbutton
{
	border:solid 1px #aaaaaa;
	height:20px;
	background: #E3E3E8;
	cursor:pointer;
}
.tblAddressbook
{
	border-collapse:collapse;
	cursor:default;
}
.tblAddressbook td, .tblAddressbook th
{
	white-space:nowrap;
	padding:1px 10px 1px 0px;
}
.tblAddressbook th
{
	text-align:left;
	font-weight: bold;
	background:#dddddd;
	border:solid 1px #aaaaaa;
}
.even
{
	background:#ffffff;
}
.uneven
{
	background:#eeeeee;
}
/*************************************************/
/*Styles for the WebGridControl in the main view */
/*************************************************/
.wgc_div
{
	margin: 0px 0px 3px 0px;
	border:0px solid #aaaaaa;
	background-color:#FFFFFF;
}
.WGCToolbar
{
	color: #ffffff;
	height: 24px;
	width: 100%;
	background-color: #9999a3;
	background-image:url(images/bg_toolbarlist.png);
	vertical-align: baseline;
}
.WGC_ToolbarText
{
	color: White;
	white-space: nowrap;
	border:solid 0px #7288AC;	
}
.WGCTAB /* Table */
{
	border: solid 0px #BBBBBB;
	table-layout:fixed;
	-moz-user-select: none;
}
.WGCTH /* Header */
{
	border:solid 1px #BBBBBA;	
	padding: 0px; 
	margin: 0px;
	background-image:url(images/bg_gridcontrolheader.png);
	background-repeat:repeat-x;
	overflow:hidden; 
	font-weight:normal;
	white-space:nowrap;
	cursor:pointer;
	height:20px;
}
.theadhidden /*hidden <thead></thead>*/
{
	display:none;
}
.WGCTR /* Row */
{
}
.WGCTD /* Column */
{	
	border:solid 0px #DDDDDD;
	padding: 0px 0px 0px 2px; 
	margin: 0px; 
	overflow:hidden; 
	white-space:nowrap;
	background-repeat:no-repeat;
}
.WGCGridOn {height:20px;} /*display Grid lines*/
.WGCGridOff{height:18px;} /*don't display Grid lines*/
.WGCP /* Cell */
{	
	overflow:hidden;
	white-space:nowrap;
	padding-left: 3px;
	cursor:default;
}
.WGCP img
{
	margin-left:-3px;
}
/*Style for the sub-list (blue rows)  */
.WGCList  /* Table*/
{
	border-color: #BBBBBB;
	width:100%; 
	table-layout:fixed;
}
.WGCTRL  /*Row*/
{ 
	background-color:#E7FBFF; /*blue background in sub-list*/
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	white-space:nowrap;
}
.WGCLP /*Cell*/
{
	overflow:hidden;
	white-space:nowrap;
}
/*************************************************/
/*Styles for the WebGridControl not on main page */
/*OF = reference lists on object forms           */
/*HS = history on object forms                   */
/*************************************************/
.OF_wgc_div, .HS_wgc_div
{
	margin: 0px;
	border:1px solid #999999;
	top: 0px;
	table-layout:fixed;
	background-color:#FFFFFF;
	overflow:hidden; /*FF2*/
}
.OF_WGCToolbar, .HS_WGCToolbar
{
	color: #ffffff;
	height: 19px;
	width: 100%;
	background-color: #9999a3;
	background-image:url(images/bg_toolbarlist.png);
	vertical-align: baseline;
}
.OF_WGC_ToolbarText, .HS_WGC_ToolbarText
{
	color: White;
	white-space: nowrap;
	border:solid 0px #7288AC;
}
.OF_WGCTAB, .HS_WGCTAB /* Table */
{
	color:#000000;
	border: solid 0px #BBBBBB;
	table-layout:fixed;
}
.OF_WGCTH, .HS_WGCTH /* Header */
{
	border:solid 1px #BBBBBA;	
	padding: 0px; 
	margin: 0px;
	background-color:#E7DFDE;
	background-image:url(images/bg_gridcontrolheader.png);
	background-repeat:repeat-x;
	overflow:hidden; 
	font-weight:normal;
	white-space:nowrap;
	cursor:default;
	height:20px;
}
.HS_WGCTH{cursor:pointer;}
.OF_WGCTR, .HS_WGCTR /* Row */
{
	height:18px;	
}
.OF_WGCTD, .HS_WGCTD /* Column */
{	
	border-color: #DDDDDD;
	padding: 0px; 
	margin: 0px;
	padding-left:2px; 
	overflow:hidden; 
	white-space:nowrap;
}
.OF_WGCP, .HS_WGCP /* Cell */
{
	overflow:hidden;
	white-space:nowrap;
	padding-left: 3px;
}
/*Style for the List (blue headlines)  */
.OF_WGCList, .HS_WGCList  /* Table*/
{
	border-color: #BBBBBB;
	width:100%; 
	table-layout:fixed;
}
.OF_WGCTRL, .HS_WGCTRL /*Row*/
{ 
	background-color:#FFFFE7;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	white-space:nowrap;
}
.OF_WGCLP, .HS_WGCLP /*Cell*/
{
	overflow:hidden;
	white-space:nowrap;
}

/***************************************/
/* Styles for the Search Form Elements */
/***************************************/
div.searchform
{
	background-color: #E3E3E8;
	background-image:url(images/bg_searchform.png);
	background-position:top;
	background-repeat:repeat-x;
	position:relative;
	width:100%;
}
table.searchform
{
	padding:0px;
	margin:0px;	
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}
.SearchFormTable
{
	padding:0px;
	margin:0px;	
	border-collapse:collapse;
	table-layout:auto;
	width:100%;	
}
.SFTableCell
{
	padding: 2px 10px 2px 10px;
}
.SFTabTableCell /*within tab control*/
{
	padding: 2px 5px 2px 5px;
}
.SFLabelCell
{
	width:200px; /*The width of the labels*/
	overflow:hidden;
}
.SFLabel
{
	height:20px;
	margin-left: 2px;
	white-space:nowrap;
	overflow:hidden;
}
.SFDropDown
{
	margin: 1px 0px 1px 0px;
	height:17px;
	border:solid 1px #999999;
}
.SFButton
{
	background:#F3F3F8;
	background-image:url(images/bg_searchformbtn.png);
	color: #000000;
	height: 22px;
	width:100%;
	border:solid 1px #aaaaaa;
	cursor:pointer;
}
.SFdisabled /*disabled filter param. button*/
{
	color:#888888;
	cursor:default;
}
.SFImgButton
{
	margin-right: 2px;
	cursor:pointer;
}
.SFTextPnl
{
	padding-right:2px;
}
.SFText
{
	height:16px;
	width:100%;
	font-weight:bold;
	border:solid 1px #999999;
	white-space:normal;
	overflow:hidden;
}
.SFFilterParams
{
	margin-top:2px;
	width:100%;
	height: 18px;
}
.SFFilterParams span
{
	font-size:8pt;	
}
.SFTextBox
{
	margin:0px;
	width:100%;
	height: 17px;
	border: 1px solid #999999;
	overflow:hidden;
}
.SFPanel /* e.g. the Fulltext search panel*/
{
	width:100%;
	background:#C7C7CE;
	/*border: 1px solid #999999;*/
	padding:0px;
	height:22px;
}
.SFCheckBox
{
	cursor:pointer;
}
.SFTabs
{
	padding:4px 0px 0px 0px;
	border:solid 1px #999999;
	background: #D8D8DD;
	white-space:nowrap;
}
.SFTabSelected
{
	background:#D8D8DD;
	height:20px;
	padding:0px 5px 0px 5px;
	border:solid 1px #999999;
	border-bottom:solid 0px;
	white-space:nowrap;
}
.SFTabUnselected
{
	height:20px;
	padding:0px 5px 0px 5px;
	border:solid 1px #999999;
	background: #B8B8BD;
	white-space:nowrap;
}
.SFTabSpace
{
	border-bottom:solid 1px #999999;
}
.SFSectionPnl, .SFTabSectionPnl /*header and content of a search form section*/
{
	width:100%;
	margin-bottom: 4px;
}
.SFSectionHeaderLeft
{
	height:22px;
	padding: 0px 6px 0px 6px;
	white-space:nowrap;
	background-color:#D8D8DD;
	border: solid 1px #999999;
	border-bottom:0px;
}
.SFSectionHeaderRight
{
	width:100%;
	border-bottom: solid 1px #999999;
}
.SFSectionContent
{
	border: solid 1px #999999;
	border-top:0px;
	background-color:#D8D8DD;
}
.SFSectionContentNoHeader
{
	border: solid 1px #999999;
	background-color:#D8D8DD;
}

/*** sections within tab controls***/
.SFTabSectionHeaderLeft
{
	height:22px;
	padding: 0px 6px 0px 6px;
	white-space:nowrap;
	border-bottom: solid 1px #939398;
}
.SFTabSectionHeaderRight
{
	width:100%;
	border-bottom: solid 1px #939398;
}
.SFTabSectionContent
{
	border-top: solid 1px #888888;
	
}
.SFTabSectionContentNoHeader
{
	
}
.SFSectionRow
{
	border-bottom:solid 1px #444444;
}
option.reftouserlist
{
	padding: 2px 0 2px 20px;
	background-repeat: no-repeat;
	background-position: 1px 2px;
	vertical-align: middle;
}
.sfdiv, .sfdivddl
{
	position:static;
	padding-right:3px;
	padding-left:1px;
	overflow:hidden;
}
.sfdivddl
{
	padding-right:1px;
}
/******************************************/
/*Styles for the Quick Search Div         */
/******************************************/
.quicksearchtextbox
{
	background:#ffffff;
	position:static;
	overflow:hidden;
	border:solid 1px #999999;
	height:18px;
	padding-left:16px;
	white-space:nowrap;
	background-repeat:no-repeat; /*reference list qs-fields only*/
}
.qs_div
{
	position:absolute;
	border: solid 1px #999999;
	background: #eeeeee;
	vertical-align:top;
	white-space:nowrap;
	z-index:1; /*necessary in filter param. dlg*/
}
.qs_sel
{
	margin:5px;
	overflow:scroll;
}
.qs_input
{
	height: 18px;
	margin-bottom:2px;
	border:solid 0px;
	width:100%;
	background-color:Transparent;
	color:inherit;
	/*background-color:#FFFFFF;  /*disabled color in FF*/
}
.qs_span
{
	padding:0px;
	margin:0px;
}

/****************************************/
/* Styles for the ComboBox              */
/* (Quicksearch and In-Place selection) */
/****************************************/
/*quicksearch*/
.combobox
{
	background:#ffffff;
	position:relative; 
	border:solid 1px #999999;
	height:18px;
	overflow:hidden;
	padding-left:16px;
	padding-right:16px;
}
.cboImg /*lens*/
{
	position:static;
	margin-left:-16px;
}
.cboText /*input field*/
{
	height:17px;
	border:solid 0px;
	width:100%;
	margin-bottom:0px;
}
.cboBtn /*button*/
{
	position:static;
	margin-top:2px;
	margin-right:-14px;
	cursor:pointer;
	background-color:#FFFFFF;
}
.cboPanel /*contains the both values <select> and <none>*/
{
	position:absolute;
	visibility:hidden;
	margin-top:20px; /*place it below the field*/
	width:180px;
	z-index:20;
}
.cbo_sel
{
	width:100%;
	overflow:scroll;
	border:solid 1px #999999;
}
/*in-place selection*/
.cboip
{
	background:#ffffff;
	position:relative;
	border:solid 1px #999999;
	height:18px;
	overflow:hidden;
	padding-right:16px;
}
.cboip_text
{
	height:17px;
	border:solid 0px;
	width:100%;
	margin-bottom:2px;
}
.cboip_btn
{
	position:static;
	margin-right:-16px;
	cursor:pointer;
}
.cboip_seldiv
{
	position:absolute;
	z-index:1000;
}
.cboip_sel
{
	position:absolute;
	width:100%;
	overflow:scroll;
	border:solid 1px #999999;
}

/* DropDownList */
.dropdownlist
{
	background:#FFFFFF;
	position:relative;
	border:solid 1px #999999;
	height:18px;
	overflow:hidden;
	padding: 0px 16px 0px 1px;
	vertical-align:top;
}
.imagedropdownlist
{
	background:#ffffff;
	position:relative;
	border:solid 1px #999999;
	height:18px;
	overflow:hidden;
	padding: 0px 15px 0px 17px;
	vertical-align:middle;
}
.ddlImg
{
	width:16px;
	background-color:Transparent;
	margin: 0px 0px 0px -17px;
}
.ddlText /*input field*/
{
	background-color:Transparent;
	position:static;
	height:17px;
	border:solid 0px;
	width:100%;
	margin: 0px 0px 2px 0px;
	cursor:default;
	color:inherit;
	-moz-user-select: none;
}
.ddlBtn /*button*/
{
	margin: 2px -14px 0px 0px;
	cursor:pointer;
	background-color:Transparent;
}
.ddlPanel /*contains the both values <select> and <none>*/
{
	position:absolute;
	visibility:hidden;
	margin-top:20px; /*place it below the field*/
	z-index:200;
}
.ddlSel
{
	/*width:60px;     /* use this setting to prevent lists that are broader than the page*/
	overflow:scroll;
	color:inherit;
	border:solid 1px #999999;
}

/****************************************/
/* Styles for ComboScript Message Boxes */
/****************************************/
body.MessageBox
{
	background-color:#FFFFFF;
	background-image:url(images/OT_Logo.png);
	background-repeat:no-repeat;
}
table.MessageBox
{
	background-color:#E3E3E8;
	border:solid 1px #999999;
	position: relative;
	top: 30%;
	border-collapse:collapse;
}
.MessageBoxTitle
{
	color:#FFFFFF;
	background-color: #009EE0;
	background-image:url(images/bg_objecttitle.png);
	font-size: 9pt;
	font-weight: bold;
	padding:3px;
}
.MessageBoxImage
{
	text-align:center;
}
.MessageBoxImage img
{
	margin: 10px 0px 10px 10px;
}
.MessageBoxText
{
	padding: 5px 10px 5px 10px;
}
.MessageBoxButton
{
	border:solid 1px #999999;
	background-image:url(images/bg_objectformbtn.png);
	margin: 4px;
	margin-top:10px;
	text-align:center;
}
input[disabled], textarea[disabled] /*disabled input/dropdownlist controls*/
{
	color:#777777;
	background-color:#E4E4E4;
	/*background-color:#DDDDDD;*/
	cursor:default;
}
div[disabled], div[disabled] input
{
	color:#777777;
	background-color:#E4E4E4;
	cursor:default;
}
.disabled /*disabled submitbuttons after click*/
{
	color:#BBBBBB;
	cursor:default;
}
.selected
{
	color:HighlightTxt;
	background-color:Highlight;
}
table.OFTabSection, table.OFSection /*the whole section table*/
{
	margin: 3px 0px 3px 0px;
}

/*sections on web forms within the header*/
.OFHSection
{
	width:100%;
}
.OFHSectionLabel
{
	font-weight:bold;
	white-space:nowrap;
}
.OFHSectionCaptionText
{
	height:22px;
	padding: 0px 6px 0px 6px;	
	background-color:#D8D8DD;
	border: solid 1px #999999;
	border-bottom:0px;
}
.OFHSectionCaptionSpace
{
	width:100%;
	border-bottom: solid 1px #999999;
}
.OFHSectionContent
{
	border: solid 1px #999999;
	border-top:0px;
	background-color:#D8D8DD;
}
.OFHSectionContentNoHeader
{
	border: solid 1px #999999;
	background-color:#D8D8DD;
}
/*** sections within the tab control***/
.OFTSection
{
	width:100%;
}
.OFTSectionLabel
{
	font-weight:bold;
	white-space:nowrap;
}
.OFTSectionCaptionText
{
	height:22px;
	padding: 0px;
	border-bottom: solid 1px #939398;
}
.OFTSectionCaptionSpace
{
	width:100%;
	border-bottom: solid 1px #939398;
}
.OFTSectionContent
{
	border-top: solid 1px #888888;
	
}
.OFTSectionContentNoHeader
{
	
}
/*sections on web forms within the footer*/
.OFFSection
{
	width:100%;
}
.OFFSectionLabel
{
	font-weight:bold;
	white-space:nowrap;
}
.OFFSectionCaptionText
{
	height:22px;
	padding: 0px;
}
.OFFSectionCaptionSpace
{
	width:100%;

}
.OFFSectionContent
{
	border-top: solid 1px #999999;
}
.OFFSectionContentNoHeader
{

}

table.OFSCT /*OFSectionContentTable: Table which contains FieldTables*/
{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	border:none 0px;
}
td.OFSCT
{
	vertical-align:top;
	padding: 2px 0px 2px 0px;
}
.OFFieldTable /*contains label + control*/
{
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
}


/*tab control*/
table.OFTabControl
{
	table-layout:auto;
	width:100%; /*->FF2*/
	margin-top:6px;
}
.OFTab /*tab page*/
{
	padding:4px 0px 0px 0px;
	border:solid 1px #999999;
	border-top:none;
	background: #D8D8DD;
	white-space:nowrap;
}
.OFTabSections
{
	width:100%;
}
.OFTabSelected, .OFTabSelectedMandatory, .OFTabSelectedMandatoryByState /*selected tab button*/
{
	text-align:center;
	font-weight:bold;
	height:18px;
	background:#D8D8DD;
	padding:0px 5px 0px 5px;
	border:solid 1px #999999;
	border-bottom:solid 0px;
	white-space:nowrap;
}
td.OFTabUnselected, td.OFTabUnselectedMandatory, td.OFTabUnselectedMandatoryByState /*cell style*/
{
	text-align:center;
	font-weight:bold;
	height:18px;
	padding:0px 5px 0px 5px;
	border:solid 1px #999999;
	background: #B8B8BD;
	white-space:normal;
	overflow:hidden;
}
a.OFTabUnselected
{
	font-weight:bold;
}

/*selected tab which has mandatory fields*/
.OFTabSelectedMandatory
{
	color:#CC0000;
}
/*selected tab which has mandatoryByState fields*/
.OFTabSelectedMandatoryByState
{
	color:Green;
}
/*unselected tab which has mandatory fields*/
a.OFTabUnselectedMandatory, a.OFTabUnselectedMandatory:visited, a.OFTabUnselectedMandatory:active, a.OFTabUnselectedMandatory:hover
{
	color:#CC0000;
}

/*unselected tab which has mandatoryByState fields*/
a.OFTabUnselectedMandatoryByState, a.OFTabUnselectedMandatoryByState:visited, a.OFTabUnselectedMandatoryByState:active, a.OFTabUnselectedMandatoryByState:hover
{
	color:Green;
}

/*disabled tabs - font color*/
a.OFTabUnselected[disabled], a.OFTabUnselectedMandatory[disabled],
a.OFTabUnselectedMandatoryByState[disabled]
{
	color:#888888;
}



td.OFTabSpaceFirstLine /*space between two tab buttons*/
{
	width:2px;
	border-bottom:solid 1px #999999;
}
td.OFTabSpace /*space between two tab buttons*/
{
	width:2px;
}
p.OFTabSpace
{
	width:2px;
}
td.OFTabSpacer /*space on the right of the tab buttons*/
{
	width:0px;
	border-bottom:none;
}
p.OFTabSpacer
{
	width:0px;
}
td.OFTabSpacerLast /*space on the right of the tab buttons; buttons are displayed in several rows; this style is for the last row*/
{
	width:0px;
	border-bottom:solid 1px #999999;
}
p.OFTabSpacerLast
{
	width:0px;
}
td.OFTabSpacerSingle /*space on the right of the tab buttons; buttons are displayed in only one row*/
{
	width:100%;
	border-bottom:solid 1px #999999;
}
p.OFTabSpacerSingle
{
	width:100%;
}

table.multiTabHeader
{
	table-layout:auto;
	width:100%
}
td.multiTabHeader1 /*the bottom tabrow*/
{
	padding: 1px 0px 0px 0px;
}
td.multiTabHeader2 /*the next (upper) tabrow*/
{
	padding: 1px 4px;
}
td.multiTabHeader3 /*the next (upper) tabrow*/
{
	padding: 1px 10px;
}

/*custom list layout: sort combobox*/
.cboWgcSortColumn
{

}
.selWgcSortColumn, .txtWgcSortColumn
{
	color:#000000;
}