body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

BODY
{
    font-family: "Lucida Grande", Arial, "sans-serif";
    background-color: White;
    font-size: 66%;
    margin: 0 0 0 0px;
    font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-size-adjust: 0.53;
}

h2
{
	font-size: 12px;
	font-weight: bold;
	margin-top:10px;
	margin-bottom: 5px;
}

h3
{
	font-weight: bold;
	margin-top:10px;
	margin-bottom: 5px;
}
input.firstColumnInput {
    width: 12em !important;
}

input.firstColumnInputExtra {
    width: 12em !important;
}
#doc
{
}	

#contentArea, .background, html
{
	background-color: #EBEBEB;
}

td.selectCoveredPerson
{
	border-top: none;
	border-right: none; 
	text-align: left; 
	width:220px; 
	border-left: none; 
}

div.grid td.idHeader
{
	border-top:none; 
	border-right:none;
}

div.grid td.idValue
{
	border-top:none;
	text-align:left;
	width:10em;
}

td.coveredPersonRelation
{
	border-top: none; 
	border-left: none; 
	text-align: left; 
	padding-right:10px; 
	vertical-align:bottom; 
	border-right: none;
	width: 120px;
}

td.enrollment
{
	width : 180px;
}

td.numeric, th.numeric
{
text-align:right;
}

.negative 
{
	color: red ! important;
}

.numeric
{
	white-space:nowrap;
}

div.grid tr input.override, div.grid tr.selected input.override 
{
	background-color: #FFFF86; 
}

img.date, img.largeDate
{
	cursor:pointer;
	padding:0;
	margin:0;
	vertical-align:top;
	height:18px;
	width:19px;
	margin-left:-21px;
}

div.container
{
	padding:.25em;
}

div.enrollmentMessageContainer
{
	margin-left:100px; 
	width:500px; 
	text-align:left; 
	font-style: normal;
}

div.gridRecordInfoContainer
{		 
	float:right;
	text-align:right;	
	width:auto;
	padding-right: 5px; 
}

table
{
	border-collapse: collapse;
}

td
{
	vertical-align: top;
}

th.header
{
	background-color: #AEAEAE;

	text-align: center;

	border-right: 1px solid #FFFFFF;

	padding-left: .5em;

	font-weight: bold;
}


.banner
{
	width: 100%;
	border: none;
	padding: 0px;
	margin: 0px;
}
.banner tr
{
	border: none;
	padding: 0px; 
	margin: 0px;	
}
.banner td
{
	border: none;
	padding: 0px;
	margin: 0px;	
}
.banner td h1
{
	margin:.25em; 
	font-size:2.5em;
	font-weight:normal;
	font-variant:small-caps
}
.banner td.breadcrumbs
{
	
	background-color:#6598bd; 
	padding-left:10px;
	white-space:nowrap;
}
#theform
{
	margin: 0px;
	padding: 0px;
}

.hidden
{
	display:none !important;
}

.errorMessage
{
	color:red;
	font-size: 10pt;
}
.successMessage
{
	color:green;
	font-size: 10pt;
}
.errorMarker{
	color:red;
	margin-left: 0em;
  	margin-right: 1em;
}

.requiredMarker{
	color:black;
	margin-left: 0em;
  	margin-right: 1em;
}

.warningMarker{
	color:blue;
}

.link
{
	text-decoration: underline;
	color: blue;
	cursor: pointer;
}

/* Hides from IE-mac \*/
html div.floatholder {height: 1%;}
/* End hide from IE-mac */

#editBar
{
	float: right; 
	white-space:nowrap;
}

.clickableButton
{
	border:0px solid #CCCCCC;
	background-color:transparent;
	background-position:left center;
	background-attachment:scroll;
	background-repeat:no-repeat;
	padding:3px 0 0 18px;
	cursor:pointer;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	overflow:visible;
	width:auto;
	min-height: 16px;
}

.tinyButton
{
	width: 2em;
}

.smallButton
{
	width: 5em;
}
.mediumSmallButton
{
	width: 8em;
}

.mediumButton
{
	width: 10em;
}

.largeButton
{
	width: 20em;
}

.extraLargeButton
{
	width: 30em;
}

/*
	Inputs
*/
input 
{
	font-size: 95%;
	margin: 1px;
	margin-right: 1em;
	background: #FDF5E6;
	border: 1px #CCCCCC solid;
}

input:active, input:focus
{
	border: solid 1px #1E2C6A;
}

.required
{
	background-color: #FFFF86;
}

input.disabled, textarea.disabled, div.grid tr.selected input.disabled, div.grid tr.selected textarea.disabled
{
	background-color: #EEEEEE;
}

input.large
{
	width: 30em;
}

input.date
{
	width:8.3em;
	margin-right:24px;
}

input.largeDate
{
	width:13.1em;
	margin-right:24px;
}

input.date.disabled, input.largeDate.disabled
{
	margin-right: 1em;
}

img.date
{
	position:relative;
	margin-left:-39px;
	height:14px;
	width:14px;
	margin-top:2px;
}

input.numeric 
{
	text-align:right;
	padding-right: 1px;
}

input.largeInput 
{
	width: 26em;
}

input.veryLargeInput 
{
	width: 36.5em;
}

input.mediumLargeInput 
{
	width: 17.5em;
}

input.mediumMediumInput, select.mediumMediumInput
{
	width: 15em;
}

input.mediumSmallInput2 
{
	width: 12em;
}

input.mediumSmallInput 
{
	width: 11.5em;
}

input.mediumInput 
{
	width: 10em;
}

input.smallMediumInput 
{
	width: 9.5em;
}

input.smallInput 
{
	width: 8em;
}

input.smallTinyInput 
{
	width: 7em;
}

input.tinyInput 
{
	width: 7em;
}

input.addrSpecialLarge
{
    width: 97%;	
}

input.button {
	height:18px;
	cursor: pointer; 
	color: #000; 
		text-align:center;
	font-size:8pt;
	overflow:visible;
	/*width: 10em; */
	padding-left: 7px;
	padding-right: 7px;	
	padding-bottom: 2px;
	border:1px solid #CCC;
	background:#FFF url("app?service=asset&sp=/resources/ninezero/skins/base/images/gradients_horizontal.png") repeat-x bottom;
	background-position: 0 0;
}

input.button:active,  input.button:focus, input.buttonHover{
	border:1px solid #999;
	background:#FFF url("app?service=asset&sp=/resources/ninezero/skins/base/images/gradients_horizontal.png") repeat-x top;
	background-position: 0 -68px;
}

input.buttonDisabled, input.buttonDisabled:hover, input.buttonDisabled:focus, input.buttonDisabled:active
{
	cursor: default;
	color: #999;
	border:1px solid #CCC;
	background:#FFF url("app?service=asset&sp=/resources/ninezero/skins/base/images/button_white_background.gif") repeat-x bottom;
}

.buttonIcon
{
	cursor:pointer;
	margin:0px;
	padding:0px;
	background: transparent;
	background-image:none;
	background-position: 50% 50%;
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	white-space: nowrap;
	border:0;
	vertical-align: top;
	text-decoration:none;
	text-align: right;
	line-height:17px;
	font-size:11px;
}

/*
	Selects
*/
select 
{
	font-size: 95%;
	width: 12em;
	margin: 1px;
 	margin-right: 1em;
	background: #FDF5E6;
	border: 1px #CCCCCC solid;
}

select:active, select:focus
{
	border: solid 1px #1E2C6A;
}

select.largeInput 
{
	width: 26.5em;
}

select.extraLargeInput
{
	width: 53em;
}

select.fortyFiveEmInput
{
	width: 45em;
}

select.extraExtraLargeInput
{
	width: 53em;
}

select.veryLargeInput 
{
	width: 37em;
}

select.mediumLargeInput 
{
	width: 18em;
}

select.mediumSmallInput 
{
	width: 12em;
}

select.mediumInput 
{
	width: 10em;
}

select.smallInput 
{
	width: 9em;
}

select.smallTinyInput 
{
	width: 7.5em;
}
select.tinyInput 
{
	width: 7em;
}

hr 
{
	height: 1px;
	color: #053768;
}
LABEL {
	width: 10em; 
	text-align: left;
	display: block;
	vertical-align: middle;
}

LABEL.bigLblLeftAlign {
	width: 15em; 
	text-align: left;
}
LABEL.largeLblLeftAlign {
	width: 30em; 
	text-align: left;
}	

LABEL.smallLblLeftAlign {
	width: 5em; 
	text-align: left;
}
LABEL.smallerLblLeftAlign {
	width: 4em; 
	text-align: left;
}
LABEL.smallLblCenterAlign {
	width: 5em; 
	text-align: center;
}
LABEL.mediumLblCenterAlign {
	width: 7em; 
	text-align: center;
}

LABEL.mediumLblLeftAlign {
	width: 6em; 
	text-align: left;
}		

LABEL.leftAlign {
	text-align: left;
}

LABEL.bold {
	font-weight: bold;
	font-size: 10pt;
}
LABEL.smallbold {
	font-weight: bold;
	font-size: 8pt;
}

LABEL.largeBold
{
font-weight: bold;
font-size: 15pt;	
width: 25em;
text-align: left;
}

.topAlign {
	 vertical-align: top;
}

#worldNewMenu
{
	width:13em;
	position:absolute;
   background-color: #F0F8FF;
	border: thin inset;
	padding-left:1em;
}
#worldNewMenu a
{
	width: 11.5em;
/* extend the sensible area to the maximum with IE5 */
display: block;
border-bottom: 1px #000 solid;
background-color: #dce9f0;
border-right: 1px #000 solid;
text-align: left;
text-decoration: none;
text-align:left;
margin-top: .25em;
color: #515151;
}

#worldNewMenu a:visited { 
	}
#worldNewMenu a:hover { 
    background-color: #6E98BF;
	 color: White;
}


iframe.shim
{
	position:absolute; 
	top:0px; 
	left:0px; 
	display:none;
}

.superSizedLabel {
	width: 42em; 
}
.superLabel {
	width: 20em; 
}
.largeLabel {
	width: 15em; 
}

.largeMediumLabel {
	width: 13em;
}

.mediumLabel {
	width: 10em;
}

.smallMediumLabel {
	width: 7em;
}

.smallLabel {
	width: 5em; 
	text-align: right;
	display: block;
}


.heightMedium {
	height: 12em;
}

.noMargin {
	margin-left: 0em;
  	margin-right: 0em;
}

.nowrap {
	white-space:nowrap;
}

/* Styles that affect EntryField/DisplayField - Begin*/
div.dateDiv
{
	display: inline-block;	
	margin-right:24px;
	white-space:nowrap;
}
div.textareaDiv
{
	display:inline-block;
	white-space:nowrap;
}
div.checkboxDiv
{
	display: inline-block;
}
div.selectDiv
{
	display:inline-block;
}
div.textDiv
{
	display:inline-block;
}
/* Styles that affect EntryField/DisplayField - End*/


.optionGroup {
	white-space:nowrap;
}

/*** Fieldset ****/

div.disbfieldset {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#FFFFFF;
border-color:#334596 lightgrey lightgrey;
border-style:solid;
border-width:10px thin thin;
padding:0;
}
div.fieldset
{
	background-color: #FFF;
	padding:0;
	margin:5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 3px 2px #888;
	-moz-box-shadow: 0px 3px 2px #888;
	border-radius: 4px;
	box-shadow: 1px 3px 2px #888;
}

div.fieldset div.legend
{
	/** Lighter Blue */
	color:#FFF;
	background: #334596 url("app?service=asset&sp=/resources/ninezero/skins/base/images/blue_fieldset_background.png") repeat-x top;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4361A3), to(#334596)); 
	background-image: -moz-linear-gradient(top, #4361A3, #334596);
	text-align:left;
	
	padding:4px;
	white-space:nowrap;
	padding-left:8px;
	border-bottom:solid 1px #999;
	margin:0;
	position:static;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

div.fieldset div.shim {
	padding:8px;
}

.fieldsetButtons
{
 	float:right;
	margin-bottom:10px;
	margin-top:-20px;
	margin-right:5px;
}

.fieldsetButtons .maximize
{
	color:transparent;
	height:16px;
	padding-left:16px;
	width:16px;
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/fieldset_buttons_sprite_white.png") no-repeat top left;
	background-position:0 0;
}

.fieldsetButtons .maximize:hover
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/fieldset_buttons_sprite_white.png") no-repeat top left;	
	background-position:0 -66px;
}

.fieldsetButtons .minimize
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/fieldset_buttons_sprite_white.png") no-repeat top left;
	background-position:0 -132px;
}

.fieldsetButtons .minimize:hover
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/fieldset_buttons_sprite_white.png") no-repeat top left;
	background-position:0 -198px;
}
div.subfieldset {
	margin-bottom: 15px;
    margin-top: 5px;
}

div.h3fieldset {
	border-bottom: 2px solid #DDD;
    font-weight: bold;
    font-size: 103%;
    padding-bottom:5px;
    margin-bottom: 10px;
    margin-top:5px;
}
div.h3fieldsetNoBorder {
    font-weight: bold;
    font-size: 103%;
    padding-bottom:5px;
    margin-bottom: 10px;
    margin-top:5px;
}
/*** End of Fieldset ***/

/*** Box ***/
div.box5 .hd .c, div.box5 .hd
{
	background:none;
	height:0px;
	display:none;
}

div.box5 .ft .c, div.box5 .ft
{
	background:none;
	
}

div.box5 .ft .c
{
	height:5px;
}

div.box5 .bd
{
	border:none;
}

/*** End of Box ***/



.fulltable{
	width: 100%;
}

.bold {
	font-weight: bold;
	font-size: 10pt;
}

.displayNameLeft
{
	text-align:left;
	width:15em;
}
.rightAlign
{
	text-align:right;
}
.leftAlign
{
	text-align:left;
}
.overflowPage
{	
	width: 98%;
	height: 250px;
	overflow: auto
}

.overflowPageHigher
{	
	width: 98%;
	height: 400px;
	overflow: auto
}
div.scroll{
	width: 100%;
	overflow: scroll;
}

div.autoFlow
{
	overflow-x: auto;
}

/*
 * width previously 850px, reduced to fit 1024x768 RKrajunus WF111345
 */
div.scrollMax
{
	width: 795px;
	overflow: scroll;
}
div.scrollMax2FitScreen
{
	width: 100%;
	overflow: scroll;
}
TABLE.tapestry-palette .controls
 {
   text-align: center;
   vertical-align: middle;
 }
 
 TABLE.tapestry-palette .controls A
 {
	display:block;
 }

#loginForm {

	margin:0 auto;
	width:600px;
	text-align: left;
}

.notEditMode {
	color: #666666;
}

/* styles for workflow inbox */

div.wfDefaultInbox div.grid th.numeric
{
	text-align: center;
}

div.wfDefaultInbox div.grid td
{
}


div.wfDefaultInbox input.numeric, div.wfDefaultInbox td.numeric, div.wfDefaultInbox 
{
	text-align:center;
}

div.wfDefaultInbox input.text, div.wfDefaultInbox td.text 
{
	text-align:left;
}
div.wfDefaultInbox input.picklist, div.wfDefaultInbox td.picklist 
{
	text-align:left;
} 

div.wfDefaultInbox th.VIEWED_BY_ROUTEEColumnHeader,
div.wfDefaultInbox td.VIEWED_BY_ROUTEEColumnValue{
	min-width:25px;
	width:25px;	
}

div.wfDefaultInbox th.DONE_ACTIONColumnHeader,
div.wfDefaultInbox td.DONE_ACTIONColumnValue{
	min-width:30px;
	width:30px;	
}

div.wfDefaultInbox th.STEP_ACTIONColumnHeader,
div.wfDefaultInbox td.STEP_ACTIONColumnValue{
	width:2px;		
}



div.periodPopMenu
{
	position: absolute;
	border: thin outset;
	background-color:white;
	z-index:0;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	/*width:500px;*/
	/*height:400px;*/
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	background:#FFFFFF;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

#messageContainer.header {
 padding-left:0px;
 padding-right:0px;
 height:auto;
 background-color:#EEEEEE;
 border:0;
 border-bottom: 1px solid #CCCCCC;
 margin-bottom:5px;
}
.paleYellow {
	background-color:#FFFF86;
}

/*
	TextAreas
*/
textarea 
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Tahoma", "sans-serif";
	font-size: 95%;
	width: 12em;
 	margin-right: 1em;
	background: #FDF5E6;
	border: 1px #CCCCCC solid;
}

textarea:active, textarea:focus
{
	border: solid 1px #1E2C6A;
}

textarea.largeInput 
{
	width: 26.5em;
}

textarea.extraLargeInput
{
	width: 53em;
}

textarea.veryLargeInput 
{
	width: 37em;
	height: 7em;
}

textarea.mediumLargeInput 
{
	width: 18em;
}

textarea.mediumSmallInput 
{
	width: 12em;
}

textarea.mediumInput 
{
	width: 10em;
}

textarea.smallInput 
{
	width: 9em;
}

textarea.smallTinyInput 
{
	width: 7.5em;
}
textarea.tinyInput 
{
	width: 7em;
}



/* Keyboard Shorcuts
********************************/

#keyboardShortcuts {
	font-size: 10pt;
	color: #FFF;
	margin:0 auto;
	width: 300px;
	margin-top:10px;
	margin-bottom:50px;
}

#keyboardShortcuts table {
    width: 100%;
    text-align:left;
}
#keyboardShortcuts td.key {

}
#keyboardShortcuts .highlight {
  color: yellow;
}

.hardBreak
{
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/* Dashboard
**********************************/

div.scrolly
{
	overflow-y: auto;
	overflow-x: hidden;
}
div.scrollx
{
	overflow-y: hidden;
	overflow-x: scroll;
}
div.scrollxy
{
	overflow-y: scroll;
	overflow-x: scroll;
}

#dashboard .widget
{

}

#dashboard .smallWidget
{
	width: 310px;
}

#dashboard .widget .content
{
	height: 170px;
	position:relative;
}

#dashboard .widget .shim
{
	padding-right:0;
	padding-bottom:0;
	padding-top:5px;
}

#dashboard .widget li
{
	padding: 2px;
}

#dashboard .widget li.hover
{
	background-color: #D5E7FD;
}


#dashboard .widget li .delete
{
	float: right;
	width: 11px;
	height: 11px;
	margin-right:5px;
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/delete-no-border.gif") no-repeat;
	cursor:pointer;
}

#dashboard .widget li .deleteHover, #dashboard .widget li .delete:focus, #dashboard .widget li .delete:active
{
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/delete-no-border-over.gif") no-repeat;
}
/* To Do widget */
#HOME_TODO_FIELDSET input
{
	margin-top:0px;
	margin-bottom:0px;
}

#newToDo {
 width: 150px;
}

#todos {
	margin-top: 5px;
}

#todos li
{
	cursor:move;
	zoom:100%;
}

#news li
{
	margin-left: 24px;
	list-style-image: url("app?service=asset&sp=/resources/ninezero/skins/base/images/star.gif");
}

.actrionTrigger{
	cursor: pointer;
}

.iconLegend label{
	display: inline;

}

#dashboard .container
{
	width: 99%;
}

/** Menu Button **********/

div.menuButtonMenu 
{
	position: absolute;
	background: #FFF;
	border: #BBBBBB solid 1px;
	width:100px;
	text-align:left;
}

div.menuButtonMenu, div.menuButtonMenu a
{
	font-size: 8pt;
	font-weight:normal;
	text-decoration:none;
}

div.menuButtonMenu ul
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

div.menuButtonMenu li
{
	padding:0px;
	margin:0px;
	padding-left:5px;
	margin-bottom:3px;
}

div.menuButtonMenu li hr
{
	width:90%;
	border: 0;
	background-color: #CCC;
	height: 1px;
}

div.menuButtonMenu li a
{
	width:100%;
}

div.menuButtonMenu li a:hover
{
	background:#0254BA;
	color:#FFF;
}


.hFlow li{
	float: left;
}

.space-1 li{
	padding-left: 0.75em;
}

input.AutoCompleteEditor {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important; 
	width:8em;
	height:1.5em;
}

em.AutoCompleteTitle a.AutoCompleteEditor {
	font-size:90%;
	font-weight: normal;
	font-variant: normal;
	margin-left:.5em;
	text-decoration: none;
}
	
em.AutoCompleteHolder {
	font-style: italic;
	cursor: pointer;
}
div.autocomplete {
  position:absolute;
  width:18em;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #FFFFCC;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

#bookmarks 
{
	list-style-type:disc;
}

#bookmarks li
{
	margin-left:16px;
}

#bookmarks li:hover, #reportBookmarks li:hover
{
	cursor:move;
}

#bookmarks li:hover a, #reportBookmarks li:hover a
{
	cursor: pointer;
}

#bookmarks li .bullet
{
	font-size:110%;
	font-weight:bold;
	display:inline-block;
	margin-right:5px;
}

#dashboard .widget #reportBookmarks li
{
	padding-left: 2em;
	list-style-type:none;
	display:block;
	height: 15px;
	overflow-y: hidden;
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/red-arrow.gif") no-repeat left center;
}
#dashboard .widget #reportBookmarks li.reportBookmarkPDF
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/document_pdf.png") no-repeat left center;
}
#dashboard .widget #reportBookmarks li.reportBookmarkDOC
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/document_doc.png") no-repeat left center;
}
#dashboard .widget #reportBookmarks li.reportBookmarkRTF
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/document_rtf.png") no-repeat left center;
}
#dashboard .widget #reportBookmarks li.reportBookmarkTXT
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/document_txt.png") no-repeat left center;
}
#dashboard .widget #reportBookmarks li.reportBookmarkXLS
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/document_xls.png") no-repeat left center;
}

#dashboard .widget #reportBookmarks li.hover 
{
	background-color: #D5E7FD;
}

/** Colors
********************/

.red
{
	color: #FF0000
}
.green
{
	color: #00FF00
}
.blue
{
	color: #0000FF
}
.black
{
	color: #000000
}
.white
{
	color: #FFFFFF
}


#PARAM_DETAIL_REPORT_FOR td.parameterGroupControlValue SELECT {
    width:20em;
}

#PARAM_DETAIL_REPORT_FOR td.parameterGroupControlValue{
	vertical-align: bottom;
}

.multilineParameterGroupControlValue{
	vertical-align: bottom;
}

td.AddWorkflowColumnValue {white-space:nowrap;}


/***** Table Controls ***********/
div.showSort
{	border:thin solid #DCE9F0;
	border-width:1px;
	border-color:gray;
	background:#FFFFFF;zoom:1;
	overflow:hidden;
	position: absolute;
	z-index: 11000; 
}

div.showSort tr th
{
	background:#E1E488;
}

div.showSort tr.sorted td
{
	background:#EEEEEE;
}

div.showSort tr.columnHidden td
{
	background-color:#EEEEEE;
}

div.showSort tr.grouped td
{
	background:#ECE5B6;
}

div.tableToolbar
{
	border:thin solid #DCE9F0;
	background:#FFFFFF;zoom:1;
	overflow:hidden;
	position: absolute;
	z-index: 11000;	
}

div.fixedtableToolbar
{
	border:thin solid #DCE9F0;
	background:#FFFFFF;zoom:1;
	z-index: 11000;	
}
	

	
div.tableToolbar table.tableToolbar td
{
	padding:0px;
}

div.tableToolbar table.tableToolbar input.button, 
div.tableToolbar table.tableToolbar input.buttonHover,
div.tableToolbar table.tableToolbar button,
div.tableToolbar table.tableToolbar buttonHover
{
	width:100%;	
	margin:0px;
	text-align:center;
	max-width: 30em;
}	
/* 
 * *width prevents unnecessary scroll bar from appearing on 
 * CarrierElection in IE RKrajunus WF111345
 */
.tableControls
{
	height:18px;
	padding:3px;
	/*border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;*/
	border-right: 1px solid #BBB;
	border-bottom: 0px;
	overflow:hidden;
}

.tableControls td
{
	vertical-align:middle;
}

.tableControls .controlSelected
{
	background-color:#C8C8C8;
}

.gridContainer
{
	background:#EEEEEE;
	text-align:left;
	width:100%;
}
.controlSpaceSeperator
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/gridSplit.gif);
	background-position:0% center;
	background-repeat:no-repeat;
	border:0 none;
	cursor:default;
	display:block;
	font-size:1px;
	height:16px;
	margin:0 2px;
	overflow:hidden;
	width:4px;
}

tr.controlRow, tr.controlRow .boolean
{
	background-color: #E6F1FF;
	text-align: center;
	border-right: 1px solid #FFFFFF;
	font-weight: bold;
}

div.filterControl
{
	text-align:left;
}
table.grid tr.controlRow td,
table.grid tr.controlRow td.text,
table.grid tr.controlRow td.picklist
{
	padding-left: 1px;
	padding-right: 1px;
	padding-top:1px;
	padding-bottom:1px;
}
tr.controlCell input, 
tr.controlCell input.text,
tr.controlCell textarea, 
tr.controlCell select
{
	margin:0px;
	padding:0px;
	width:99%;
	height:12px;
} 
tr.controlRow td
{
	white-space:nowrap;
}

td.groupRows .expand, td.groupLevels .expand, button.expand
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/expand.gif);
	background-position: bottom left;
	width:16px;
}

td.groupRows .collapse, td.groupLevels .collapse, button.collapse
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/collapse.gif);
	background-position: bottom left;
	width:16px;
}

th.groupRowsHeader .expand, th.groupLevelsHeader .expand
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/expandAll.gif);
	background-position: bottom left;
	width:16px;
}

th.groupRowsHeader .collapse, th.groupLevelsHeader .collapse
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/collapseAll.gif);
	background-position: bottom left;
	width:16px;
}

.tableControls .gridFilter
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid_filter.png);
	background-position: bottom left;
	width:auto;
	padding-left:18px;
}

.tableControls .gridFilter:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid_filter_hover.png);
	background-position: bottom left;
}

.tableControls .moreInfoButton
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/more_info.png);
	background-position: bottom left;
	width:auto;
	padding-left:18px;
}

.tableControls .editButton
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/edit.png);
	background-position: bottom left;
	width:auto;
	padding-left:18px;
}
.tableControls .editButton:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/edit_hover.png);
	background-position: bottom left;
}

.tableControls .gridModify
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/modify_grid.png);
	background-position: bottom left;
	width:auto;
	padding-left:18px;
}

.tableControls .gridModify:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/modify_grid_hover.png);
	background-position: bottom left;
}

.tableControls .gridExecute
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/execute.png);
	background-position: bottom left;
	width:auto;
	padding-left:15px;
}

.tableControls .gridExecute:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/execute_hover.png);
	background-position: bottom left;
}

.tableControls .gridClear
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid_clear.png);
	background-position: bottom left;
}

.tableControls .gridClear:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid_clear_hover.png);
	background-position: bottom left;
}

.tableControls .gridSort
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/sort_menu.png);
	background-position: bottom left;
	width:auto;
	padding-left:18px;
}

.tableControls .gridSort:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/sort_menu_hover.png);
	background-position: bottom left;
}

.tableControls .gridReset
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/reset.png);
	background-position: bottom left;
}

.tableControls .gridReset:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/reset_hover.png);
	background-position: bottom left;
}

.tableControls .gridCancel
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/cancel.png);
	background-position: bottom left;
}

.tableControls .gridCancel:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/cancel_hover.png);
	background-position: bottom left;
}

.tableControls .gridColumns
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid_columns.png);
	background-position: bottom left;
	width:auto;
	padding-left:18px;
}

.tableControls .gridColumns:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid_columns_hover.png);
	background-position: bottom left;
}

.tableControls .gridSingleRow
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/view_single_row.png);
	background-position: bottom left;
	width:auto;
	padding-left:18px;
}

.tableControls .gridSingleRow:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/view_single_row_hover.png);
	background-position: bottom left;
}

.tableControls .gridPrint
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/print_2.png);
	background-position: bottom left;
	width:auto;
	padding-left:18px;
}

.tableControls .gridPrint:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/print_2_hover.png);
	background-position: bottom left;
}

.tableControls .gridExport
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/convert_small.png);
	background-position: bottom left;
	width:auto;
	padding-left:18px;
}

.tableControls .gridExport:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/convert_small_hover.png);
	background-position: bottom left;
}

.tableControls .gridXlsExport
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_xls.png);
	background-position: bottom left;
	width:40px;
}

.tableControls .gridXlsExport:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_xls_hover.png);
	background-position: bottom left;
	width:40px;
}

.tableControls .gridPdfExport
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_pdf.png);
	background-position: bottom left;
	width:40px;
}

.tableControls .gridPdfExport:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_pdf_hover.png);
	background-position: bottom left;
	width:40px;
}

.tableControls .gridCsvExport
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_csv.png);
	background-position: bottom left;
	width:40px;
}

.tableControls .gridCsvExport:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_csv_hover.png);
	background-position: bottom left;
	width:40px;
}

.tableControls .gridRefresh
{
   background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/refresh.png);
   background-position: bottom left;
   width:auto;
   padding-left: 18px;
}

.tableControls .gridRefresh:hover
{
   background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/refresh_hover.png);
   background-position: bottom left;
   width:auto;
	padding-left: 18px;
}

.tableControls .gridNumRecords
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/records_number.png);
	background-position: bottom left;
	width:auto;
	padding-left:18px;
}

.tableControls .gridNumRecords:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/records_number_hover.png);
	background-position: bottom left;
}



.gridAction
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/execute_config_16.png);
	background-position: bottom left;
	width:20px;
	padding-left:15px;
}

.gridAction:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/execute_config_hover_16.png);
	background-position: bottom left;
}


.tableControls .gridAddon
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/toolset.png);
	background-position: bottom left;
	width:auto;
	padding-left:15px;
}

.tableControls .gridAddon:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/toolset_hover.png);
	background-position: bottom left;
}

.tableControls .gridReports
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/pages.png);
	background-position: bottom left;
	width:auto;
	padding-left:15px;
}

.tableControls .gridReports:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/pages_hover.png);
	background-position: bottom left;
}

.tableControls .gridExpandControls
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/expandAll.gif);
	background-position: bottom left;
	width:60px;
}

.tableControls .gridExpandControls:hover
{

	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/expandAllHigh.gif);
	background-position: bottom left;
	width:60px;
}

.tableControls .gridCollapseControls
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/collapseAll.gif);
	background-position: bottom left;
	width:60px;
}

.tableControls .gridCollapseControls:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/collapseAllHigh.gif);
	background-position: bottom left;
	width:60px;
}

.tableControls .gridAddRow
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/add_inline.png);
	background-position: bottom left;
	width:auto;
	padding-left:15px;
}

.tableControls .gridAddRow:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/add_inline_hover.png);
	background-position: bottom left;
}

.tableControls .gridInsertRow
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/insert_inline.png);
	background-position: bottom left;
	width:45px;
}

.tableControls .gridInsertRow:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/insert_inline_hover.png);
	background-position: bottom left;
	width:45px;
}

.tableControls .gridAddMember
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/add_member.png);
	background-position: bottom left;
	width:65px;
}

.tableControls .gridAddMember:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/add_member_hover.png);
	background-position: bottom left;
	width:65px;
}

.gridException
{
	background-image:url(app?service=asset&sp=/resources/images/exception.gif);
	background-position: bottom left;
	width:18px;
	height:18px;
}
.gridException:hover
{
	background-image:url(app?service=asset&sp=/resources/images/exception_highlighted.gif);
	background-position: bottom left;
	width:18px;
	height:18px;
}

.gridSearch
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/search.png);
	background-position: bottom left;
	width:16px;
	height:16px;
}

.gridSearch:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/search_hover.png);
	background-position: bottom left;
	width:16px;
	height:16px;
}

.tableControls .gridCopyRow
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/copy_inline.png);
	background-position: bottom left;
	width:48px;
}

.tableControls .gridCopyRow:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/copy_inline_hover.png);
	background-position: bottom left;
	width:48px;
}

.tableControls .gridDeleteRow
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/delete_inline.png);
	background-position: bottom left;
	width:auto;
	padding-left:15px;
}

.tableControls .gridDeleteRow:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/delete_inline_hover.png);
	background-position: bottom left;
}

.tableControls .gridLoadPrior
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/load.gif);
	background-position: bottom left;
	width:75px;
}

.tableControls .gridLoadPrior:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/loadHigh.gif);
	background-position: bottom left;
	width:75px;
}

.tableControls .gridPHRefresh
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/refresh.png);
	background-position: bottom left;
	width:60px;
}

.tableControls .gridPHRefresh:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/refresh_hover.png);
	background-position: bottom left;
	width:60px;
}

.tableControls .gridPHRecalc
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/refresh.png);
	background-position: bottom left;
	width:60px;
}

.tableControls .gridPHRecalc:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/refresh_hover.png);
	background-position: bottom left;
	width:60px;
}

.pages .gridFirst
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingFirst.png);
	background-position: bottom left;
	width:16px;                                     
}

.pages .gridFirst:hover
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingFirstHover.png);
	background-position: bottom left;
	width:16px;
}

.pages .gridFirstDisabled
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingFirstDisabled.png);
	background-position: bottom left;
	width:16px;
}

.pages .gridLast
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingLast.png);
	background-position: bottom left;
	width:16px;                                     
}

.pages .gridLast:hover
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingLastHover.png);
	background-position: bottom left;
	width:16px;
}

.pages .gridLastDisabled
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingLastDisabled.png);
	background-position: bottom left;
	width:16px;
}

.pages .gridNext
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingNext.png);
	background-position: bottom left;
	width:16px;                                     
}

.pages .gridNext:hover
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingNextHover.png);
	background-position: bottom left;
	width:16px;
}

.pages .gridNextDisabled
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingNextDisabled.png);
	background-position: bottom left;
	width:16px;
}

.pages .gridPrev
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingPrev.png);
	background-position: bottom left;
	width:16px;                                     
}

.pages .gridPrev:hover
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingPrevHover.png);
	background-position: bottom left;
	width:16px;
}

.pages .gridPrevDisabled
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingPrevDisabled.png);
	background-position: bottom left;
	width:16px;
}
/***** End of Table Controls ***********/


/*************************************
 *
 *  Grid Settings
 *
 *************************************/
div.grid
{
	border: #CCC solid 1px;	
}

div.grid table
{
	width:100%;
  	border-collapse: collapse;
  	font-size: 10px;
}
div.grid tr
{
	vertical-align: bottom;
}
div.grid td
{
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#EEE;
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#DDD;
	padding-left: 5px;
}
 
div.grid tr.odd
{
	background-color: #F2F4F8;
}

div.grid td.GroupColumn
{
	background: #ECE5B6;
}

div.grid tr.odd .boolean
{
	background-color: #F2F4F8;
}

div.grid tr.even
{
	background-color:  #FFFFFF;
}

div.grid tr.even .boolean
{
	background-color:  #FFFFFF;
}

.emphasized
{
	color: Red;
}

div.grid th
{
	text-align: left;
	border-bottom: 1px solid #999;
  	border-left: 1px solid #CCD3DF;
  	padding-left: 5px;
  	height: 20px;
  	vertical-align: middle;
  	font-weight: normal;
  	background: #F7F7F7 url('app?service=asset&sp=/resources/ninezero/skins/base/images/grid_header.png') repeat-x bottom !important;
  	color: #333333;
}

div.grid .childRecord
{
	background-color:  #FFFFFF;
}
div.grid th.numeric
{
	text-align: center;
}
DIV.grid TR.rowTotal td.ColumnTotal{
	
	border-top:thin solid #9eb4c8;
}



div.grid th.group
{
	border-bottom:thin solid #BED4E8;
}

div.grid th a
{
	text-decoration:none;
	color:black;
	
}
div.grid tr.oddHighlight,
div.grid tbody.oddHighlight
{
	cursor: pointer;
	background-color: #D5E7FD;
}
div.grid tr.oddHighlight .boolean,
div.grid tbody.oddHighlight .boolean
{
	cursor: pointer;
	background-color: #D5E7FD;
}

div.grid tr.evenHighlight,
div.grid tbody.evenHighlight
{
	cursor: pointer;
	background-color: #D5E7FD;
}
div.grid tr.evenHighlight .boolean,
div.grid tbody.evenHighlight .boolean
{
	cursor: pointer;
	background-color: #D5E7FD;
}

div.grid tr.selected input.override, 
div.grid tr.selected,
div.grid tbody.selected,
div.grid tr.selected .boolean,
div.grid tbody.selected .boolean,
table.hoursTracking .selected, 
table.hoursTracking td.selected

{
	cursor: pointer;
	background: #8EA7DA;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA7DA), to(#8299C8));
	background-image: -moz-linear-gradient(top, #8EA7DA, #8299C8);
}

div.grid tr td.group,
div.grid tr.selected td.group,
div.grid tbody.selected td.group
{
	background-color: #CCCCCC; 
}

div.grid tr.rowSpecialHighlight
{
	background-color: #ADD8E6 !important; 
}

div.grid input.numeric {
	margin-right: 0;
	margin-left: 0;
}

table.noBorder{
	border: 0px;
}

table.noBorder td{
	border: 0px;
}

table.noBorder tr{
	border: 0px;
}

table.noBorder th{
	border: 0px;
}


table.simple{
	border: 0px;
}

table.simple td{
	border: 1px solid #DDDDDD;
}

table.simple tr{
	border: 0px ;

}

table.simple th{
	border: 1px solid #DDDDDD;
	background-color: #AEAEAE;
	text-align: center;
	padding-left: .5em;
	font-weight: bold;	
}

/* Hide all links in a table */
div.grid table.nolink a
{
	text-decoration: none;
	color: #000;
}

div.grid .exposeArrow
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/exposed_not.png);
}

div.grid .exposeArrowExposed
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/exposed.png);
}

div.grid .gridDetail
{
	position:absolute;
	border:thin outset;
	z-index:100;
	background:#FFF;
	padding:10px;
	box-shadow: 0px 5px 5px #888;
	-webkit-box-shadow:0px 5px 5px #888;
	-moz-box-shadow: 0px 5px 5px #888;
}

div.grid .gridDetail td, div.grid .gridDetail td
{
	background: none;
	border:0;
}

div.grid .gridDetail div.close
{
	float:right;
	margin-top:-10px;
}

div.grid div.gridHeader
{
	overflow-x:hidden; 
	overflow-y:auto;
}

div.grid div.gridBody
{
	overflow:auto;
}
/**********************************
 * Grid Sizes
 *********************************/
.gridContainerDefault{
	width:100%;
	border-collapse: separate;
}

.mediumSmallGrid {
	width: 38em;
}

.smallGrid {
	width: 250px;
}

.mediumGrid {
	width: 45em;
}
.mediumGrid2 {
	width: 49em;
}
.largeGrid {
	width: 65em;
}

.extraLargeGrid {
	width: 80em;
}

.extraExtraLargeGrid {
	width: 90em;
}

.scrollLargeGrid{
	overflow:scroll;
	overflow-y:hidden;
	width:106em;
}

.scrollFullGrid{
	overflow-y:hidden;
	width:80em;
}





/*************************************
 *
 *  V3Shell Settings
 *
 *************************************/
div.footer {
	bottom:0;
	height:20px;
	left:0;
	position:fixed;
	overflow:hidden;
	text-align:left;
	border-top:1px solid #000;
	background:#000066;
	color: #FFF;
	width: 100%;
}
div.footer a, div.footer a:visited
{
	color:#FFF;
	text-decoration:none;
}

div.footer a:hover
{
	text-decoration:underline;
}

div.footer table 
{
	width:100%;
}
div.footer table td
{
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
}

.userName
{
	font-weight: bolder;
}
.instanceName
{
	font-style: italic;
}
.editIndicator
{
	color: red;
	font-weight: bolder;
}

div.mainBody
{

	margin-bottom:20px;
}

/*************************************
 *
 *  Calendar Blue Settings
 *
 *************************************/
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; z-index:1000;}

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
}

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

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #778 no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #778;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

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

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

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

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

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

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

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

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

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

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

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

.calendar tbody td.today { /* Cell showing selected 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) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

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

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
}

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

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

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

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

.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;
}




/*************************************
 *
 *  Tab Settings
 *
 *************************************/
.tabTable
{

}
.tabTable .verticalMenu
{
	position:absolute;
	display:block;
	bottom:0;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:auto;
	width:172px;
	top: 120px;
	left:0;
	background:#FFF;
	border-right:5px solid #1E2C6A;
}

.tabTable .content
{
    position:absolute;
    left:175px;
    top: 120px;
    right: 0;
    bottom:0px;
	display:block;
	overflow:auto;
}

ul.verticalTabs
{
	margin-left:2px;
	overflow:hidden;
	font-size: 11px;
 }

ul.verticalTabs li
{
	margin:0px;
	padding:0px;
	background-color:#FFF;
	list-style:none;
}

ul.verticalTabs li ul
{
	background-color:#FFF;
	list-style:none;
	border:none;
	margin-bottom:10px;
}

ul.verticalTabs li ul li
{
	background-color:#FFF;
	list-style: disc outside url("app?service=asset&sp=/resources/ninezero/skins/base/images/tab_arrow.gif");
	border:none;
	border-bottom:0px;
	margin-left:2em;
	padding-left:0px;
}

.verticalTabs a, .verticalTabs a:visited
{
	color:#000;
	display:block;
	padding-bottom:1px;
	padding-top:2px;
	white-space:nowrap;
	text-decoration:none;
}

.verticalTabs li a:hover, .verticalTabs li a:active,  .verticalTabs li a:focus{
	text-decoration:underline;
}

.verticalTabs li.selected a
{	
	text-decoration:none;
}
.verticalTabs li.selected em
{
	color: blue;
	font-weight: bold;
}

.verticalTabsDivider
{
	position:absolute;
	cursor: col-resize;
	width: 5px;
	bottom:0;
}
/*** tabs **/

div.horizontalTabContent
{
	padding-left:0.8em;
	position:static;
	padding:0;
	margin:0;

	padding-top:10px;
}

div.horizontalTabContent .horizontalTabs
{
	position: static;
	overflow:hidden;
}

div.horizontalTabContent .horizontalTabs li {
display:block;
float:left;
vertical-align:bottom;
white-space:nowrap;
padding:1px 0 0;
cursor: pointer;
margin-right:0em;
z-index:1;
}

div.horizontalTabContent .horizontalTabs li.selected {
margin:0 0em -1px 0;
}

div.horizontalTabContent .horizontalTabs li.first
{
	margin-left:10px;
}

div.horizontalTabContent .horizontalTabs a {
outline:0 none;
border:0px none;
border-left: #999 solid 1px;
border-right: #999 solid 1px;
border-bottom: #666 solid 1px;
position:relative;
text-decoration:none;
}

div.horizontalTabContent .horizontalTabs .selected a, div.horizontalTabContent .horizontalTabs li a
{
display:inline-block;
text-decoration:none;
vertical-align:bottom;
	border-bottom:none;
}

div.horizontalTabContent .horizontalTabs li a em
{
	padding:0.5em;
	background: transparent;
}

div.horizontalTabContent .horizontalTabs a em{
display:block;
border-top: solid 1px #999;
bottom:0;
left:0;
padding:0.25em 0.75em;
position:relative;
right:0;
top:-1px;
}

div.horizontalTabContent .horizontalTabs li.selected a, div.horizontalTabContent .horizontalTabs li.selected a:hover,  div.horizontalTabContent .horizontalTabs li.selected a:active, div.horizontalTabContent .horizontalTabs li.selected a:focus{
   background: #E2E2E2 url("app?service=asset&sp=/resources/ninezero/skins/base/images/tab_background.png") repeat-x top;
   background-position: 0 0;
}

div.horizontalTabContent .horizontalTabs li.selected a em, div.horizontalTabContent .horizontalTabs li.selected a
{
	color: #000;
	font-weight:bold;
}

div.horizontalTabContent .horizontalTabs li a, div.horizontalTabContent .horizontalTabs li a:hover,  div.horizontalTabContent .horizontalTabs li a:active, div.horizontalTabContent .horizontalTabs li a:focus{
   background: #CCC url("app?service=asset&sp=/resources/ninezero/skins/base/images/tab_background.png") repeat-x top;
   background-position: 0 -100px;
   color:#555;
   font-weight:normal;
}

div.horizontalTabContent .border
{
	clear:both;
	border-top: #666 solid 1px;
	border-bottom: #666 solid 1px;
	height:2px;
	background-color:#CCC;
}

ul.horizontalTabs li.selected {
border-bottom:1px solid white !important;
margin-bottom:-2px;
}

/** end of tabs **/

/*   */
div.tabContent
{
	width:100%;
	line-height:normal;
}

#workflowTable
{
}

#workflowTabs td
{
	padding-right: 10px;
	padding-left: 10px;
	background-color: #ffffee;
	border-style: solid;
	border-color: silver;
	border-right-width: 3px;
	border-left-width: 3px;
	border-top-width: 3px;
	border-bottom-width: 3px;
	font-weight: 400;
	color: black;
	font-size: 8pt;
	text-align: center;
	white-space: nowrap;
}

#workflowTabs td.currentTab
{
	background-color: #006699;
	color: white;
	font-weight: 700;
}




/*************************************
 *
 *  Header/VCR Settings
 *
 *************************************/

#menuLine { border-bottom: 1px solid gray;
height:25px;
}
#hd
{
	background-color: #1E2C6A;
	zoom: 1;
}

#hd div.menu
{
	height:25px;
	width:65em;
}

#hd input, #hd select
{
	background-color: #FFF;	
/*	width: 12em;*/
}

#hd .vcr {
	border-top: 1px solid #3E4E87;
	border-bottom:1px solid #1D2541;
	color: white;
	overflow:hidden;
	white-space:nowrap;
	padding-left: 10px;
}
#hd .vcr a {
	color: white;
	text-decoration:none;
}

#hd .vcr a:hover {
	text-decoration: underline;
}

#hd .vcr .popupMenu a {
	color: #000;
}

#hd .vcr .popupMenu a:hover {
	color: #FFF;
}

#hd .vcr .button
{
	font-size: 10px;
	position: relative;
}

#hd .vcr .button:hover
{

}

#hd .vcr .button:focus, #hd .vcr .button:active
{

}

#hd .vcr .buttonDisabled
{
	
}

#hd input.smallButton, #hd input.mediumButton, #hd input.largeButton
{
	background-color:transparent;
	float:none;
}

#hd div.currentNavigation {
	float:left;
	font-weight:bolder;
	color: #FFF;	
	margin-left:7px;
	margin-right:3px;
	margin-top:5px;
	margin-bottom:3px;
}


#logo {
	background-repeat: no-repeat;
	background-position: right top;
  	width: 96px;
	height: 41px;
	text-align: right;
	vertical-align: top;
	float:right;
	z-index: 1000;
	position: absolute;
	top: 0px;
	left: 90%;
}

#logo {
	background-repeat: no-repeat;
	background-position: right top;
  	width: 96px;
	height: 41px;
	text-align: right;
	vertical-align: top;
	float:right;
	z-index: 1000;
	position: absolute;
	top: 0px;
	left: 90%;
}

/* VCR SECTION */
div.vcr span.label
{
	text-align: right;
	margin-right:2em;
	padding-top:.5em;
	padding-bottom:.5em;
}

div.vcr span.field
{
	text-align: left;
	margin-right:4em;
	padding-top:.5em;
	padding-bottom:.5em;
	color: white;
}

div.vcr input
{
	height:16px;	
	margin:0px;
	margin-right:10px;
}

div.vcr input.button
{
	height:18px;	
	padding-bottom:0px;
	padding-top:0px;
	vertical-align:middle;
}

div.vcr select
{
	height: 18px;	
	margin-right:10px;
}	

div.vcr label
{
	display:inline;	
}

div.vcr label.field
{
	text-align: left;
	margin-right:4em;
	padding-top:.5em;
	padding-bottom:.5em;
	color: #0002BD;
}

div.vcr label.hidden
{
	display:none;
}

div.vcr
{
	padding:.25em;
	height:22px;
}

div.vcr table
{
	height: 2em;
}

div.vcr td
{
	vertical-align:middle;	
}

#menuLine
{
	font-size: 11px;
}

div.menuLineInfo
{
	margin-top:4px;
	float:right;
	color:#FFF;
	margin-right: 5px;
	overflow:hidden;
	white-space:nowrap;
}

div.menuLineInfo .bold
{
	font-size: 10px;
	font-weight:bold;
}

.helpButton
{
	width: 24px;
	height: 16px;
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/help_menu.png') no-repeat;
}

.helpButton:hover, .helpButton:active, .helpButton:focus
{
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/help_menu_hover.png') no-repeat;
}


/*************************
*
* Indicative Information Bar
*
**************************/

.indicativeHeader
{
    overflow:hidden;
    border-top: 1px solid #3E4E87;
    border-bottom: 1px solid #000;
   
}

.indicativeHeader table.border
{
    width: 100%;   
}

.indicativeHeader .top, .indicativeHeader .bottom
{
    font-size: 1px;   
}

.indicativeHeader .left.top {
    background:url('app?service=asset&sp=/resources/ninezero/skins/base/images/indicative_header.png') no-repeat scroll 0 -178px transparent;
    height:10px;
    width:15px;
}

.indicativeHeader .middle.top {
    background:url('app?service=asset&sp=/resources/ninezero/skins/base/images/indicative_header.png') repeat-x scroll 0 -501px transparent;   
    height: 10px;
}

.indicativeHeader .right.top {
    background:url('app?service=asset&sp=/resources/ninezero/skins/base/images/indicative_header.png') no-repeat scroll 0 -441px transparent;
    height:10px;
    width:15px;
}

.indicativeHeader .left
{
    background:url('app?service=asset&sp=/resources/ninezero/skins/base/images/indicative_header_left_middle.png') no-repeat scroll center center transparent;
}

.indicativeHeader .middle
{
    background:url('app?service=asset&sp=/resources/ninezero/skins/base/images/indicative_header_middle.png') repeat-x scroll center center transparent;
}

.indicativeHeader .right
{
    background:url('app?service=asset&sp=/resources/ninezero/skins/base/images/indicative_header_right_middle.png') no-repeat scroll center center transparent;
}

.indicativeHeader .left.bottom {
    background:url('app?service=asset&sp=/resources/ninezero/skins/base/images/indicative_header.png') no-repeat scroll 0 -63px transparent;
    height:13px;
    width:15px;
}

.indicativeHeader .middle.bottom {
    background:url('app?service=asset&sp=/resources/ninezero/skins/base/images/indicative_header.png') repeat-x scroll 0 0 transparent;
}

.indicativeHeader .right.bottom {
    background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/indicative_header.png') no-repeat scroll 0 -326px transparent;
    height:13px;
    width:15px;
}

.indicativeHeader .info
{
    font-size:10px;   
}

.indicativeHeader .info td
{
    vertical-align:top;      
}

.indicativeHeader .info .entity
{
   padding-right: 4em; 
   padding-right:1em;  
}

.indicativeHeader .info label.label
{
    color:#666666;
    font-weight:normal;
    margin-left:3em;
    padding-right:3px;
    padding-top:0;
    text-align:right;
    white-space:nowrap;
    width:auto;   
}

.indicativeHeader .info label.first
{
	margin-left:0;
}

.indicativeHeader .buttons .buttonIcon
{
    margin-right: 5px;
}

/************************
 *
 * VCR Buttons
 *
 ************************/
 
.commentsButtonAdd
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/shell_icons.png") no-repeat;
	background-position: 0 -323px; width: 16px; height: 16px;
}

.commentsButtonAdd:hover, .commentsButtonAdd:active, .commentsButtonAdd:focus
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/shell_icons.png") no-repeat;
	background-position: 0 -389px; width: 16px; height: 16px;
}

.commentsButton
{
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/commented.png') no-repeat;
	_background-image:none;
}
.commentCount{
	background-color: #00FFFF;
	position: absolute;
	left: 25px;
	top: 30px;
	border: 1px solid black !important;
	
}
.commentsButton:hover, .commentsButton:active, .commentsButton:focus
{
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/commented_hover.png') no-repeat;
	_background-image:none;
}

.bookmarkButton
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/shell_icons.png") no-repeat;
	background-position: 0 -455px; width: 16px; height: 16px;
}

.bookmarkButton:hover, .bookmarkButton:active, .bookmarkButton:focus
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/shell_icons.png") no-repeat;
	background-position: 0 -521px; width: 16px; height: 16px;
}

.auditButton
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/shell_icons.png") no-repeat;
	background-position: 0 -791px; width: 16px; height: 16px;
}

.auditButton:hover, .auditButtonn:active, .auditButton:focus
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/shell_icons.png") no-repeat;
	background-position: 0 -857px; width: 16px; height: 16px;
}

/*************************************
 *
 *  Search Window/Browser Settings
 *
 *************************************/
/* styles for the browse component */

div.browser 
{
	background-color: white;
}
table.browser {
	width:100%;
/*	border-collapse: collapse;*/
}

table.browser th
{
	text-align: left;
	border-bottom: 1px solid #999;
  	border-left: 1px solid #CCD3DF;
  	padding-left: 5px;
  	height: 20px;
  	vertical-align: middle;
  	font-weight: normal;
  	background: #F7F7F7 url('app?service=asset&sp=/resources/ninezero/skins/base/images/grid_header.png') repeat-x bottom;
  	color: #F6F6F6;
}
table.browser th a
{
	text-decoration: none;
}
.titlebar a {
	color: blue;
}

table.browser td 
{
	margin:5px;
}
div.browser tr.odd
{
	background-color: #F2F4F8;
	cursor: pointer;
}
div.browser tr.even
{
	background-color:  #FFFFFF;
	cursor: pointer;
}
div.browser tr.masked
{
	cursor: default;
	color:red;
}
	
div.browser tr.oddHighlight
{
	cursor: pointer;
	color:white;
	background-color: #053768;
}

div.browser tr.evenHighlight
{
	cursor: pointer;
	color:white;
	background-color: #053768;
}

div.browser tr.selected
{
	cursor: pointer;
	background-color: #8EBEF0;
}

div.browser span.pages
{
	float:right;
	padding-bottom: 2px;
}

table.browser td input
{
	background:none;
	border:0;	
}

iframe
{
z-index:900;
	border: none;
}
/* styles for dynamic popup search screen */
iframe.searchFrame
{

	position:absolute;
	z-index:900;
	height: 25em;
	width:58em;
	display:none; 
	background-color: White; 
	margin: 0;
	padding: 0;
	border:1px solid #A9A9A9;
	
}

.spacer
{
	clear:both;
}

table.browser table
{
	float: left;
}

.IFrameDiv
{
	position:absolute;
	display:none;
	z-index: 20000;
	
	/*top: 100px;
	left: 100px;
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/shadow.gif') no-repeat bottom right;
	clear: right;
	float: right;
	padding: 0;
	height: 25em;
	width:58em;*/
}

#searchCloseButton {
	display:none;	
}

#searchQueryHistory
{
	overflow-y:auto;
	color:black;
}

#searchQueryHistory li
{
	margin-bottom:5px;
}

#hd .vcr #searchQueryHistory.popupMenu li a:hover
{
	text-decoration:none;
}

#searchQueryHistory li .type
{
	font-size:9px;
	color: #999;
}

button.closeButton
{
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/shell_icons.png") no-repeat;
	background-position: 0 -258px; width: 15px; height: 15px;
}

/*************************************
 *
 *  Datasheet Settings
 *
 *************************************/
table.datasheetForm
{
	
}

div.datasheetForm {
	overflow-x: scroll;
}


table.datasheet th
{
	background-color:#DCE9F0;
	font-weight: normal;	
}
table.datasheetGrid th
{
	width:17em;
}
table.datasheetGrid td.datasheetGridValue
{
	border:thin solid #DCE9F0;
	border-top:none;
	padding-left:1em;
}
table.datasheetGrid td.first
{
		border-left:none;
}
table.datasheetGrid td.last
{
		border-right:none;
}

table.datasheetForm
{
	margin-top:0;
}

table.datasheet tr.even 
{
	background-color:  #FFFFFF;
}
table.datasheet tr.odd
{
	background-color:#FFFFFF;
}
.datasheetFormValue
{
/*	border-bottom:thin solid #DCE9F0; */
}

.datasheetFormValueNumeric
{
	text-align:right;
}

table.datasheetForm td.datasheetFormValue
{
	text-align:left;
}
td.datasheetFormValueMC
{
    text-align:left;
    display:table-cell;
    width:16.6%;
}
.datasheetFormValueMCNumeric
{
	text-align:right;
	width:16.6%;
}
td.datasheetFormLabelMC
{
        width:16.6%;
    display:table-cell;
}
td.datasheetFormLabelMC_1 
{
	 width:4%;
}
td.datasheetFormLabelMC_1_comment_true
{
	 width:16.6%;
}
td.datasheetFormLabelMC_1_help_true
{
	 width:16.6%;
}	
.datasheetFormLabelMC
{
	text-align:left;
}
.datasheetFormValueMC
{   text-align:right;
}
.datasheetFormHeader
{
	font-weight:bolder;
	font-size:125%;
	border-bottom:medium solid #DCE9F0;

}
.datasheetFormSeparator
{
	background-color:#DCE9F0;
}
.datasheetFormLabel
{
	padding-right:1em;
	text-align:left;
	width:9em;
}
.datasheetFormComments
{
	padding-left:1em;

}
.datasheetFormComments input
{
	width:90%;
}


div.datasheetFormGroup
{
	height: auto;
}

.datasheetScroll
{
width: 375px;
height: 700px;
padding-left: 5px;
padding-right: 5px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
float: left;
overflow: auto;
}







/*************************************
 *
 *  Address Settings
 *
 *************************************/
#col4filler
{
	width: 7.5em;
}

div.AddressInput 
{
	width: 42em;
}

table.address td.col4 input
{
	width:98%;
}

table.address td.col4 input#zip
{
	width:78%;
}

table.address td.col4 select
{
	width:98%;
}

table.address td.col2 input
{
	width:98%;
}

table.address td.col2 select
{
	width:98%;
}

table.address td.addrLabel label
{
	width:10em;
}

table.address td.addrLabel input
{
	width:7.5em;
}

table.address td.addrCol2 select
{
	width:15em;
}

table.address td.addrCol2 input
{
	width:15em;
}

table.address td.addrLabelTiny input
{
	width:7em;
}

table.address #addresshr
{
	width:100%;
}

div.addressStandadizationContainer{
	height:250px;	
	overflow-y:auto;	
}
div.addressStandadizationContainer .messages{
	margin: .5em;
}

div.addressStandadizationContainer ul{
	list-style:disc inside none;	
}
div.addressStandadizationContainer li{	
	text-align: left;		
	
}
div.addressStandadizationContainer .optionHeading{
	font-weight: bold;
	border-bottom: solid 1px #EEEEEE;
}
div.addressStandadizationContainer .options li{
	cursor: pointer; 
	text-align: left;
	border-bottom: solid 1px #EEEEEE;	
	margin: 0.5em;	
}

/****************************************************************************************
	Start CONTACT_INFO
/****************************************************************************************/
div.contactInfoContainer{	
}


div.contactInfoContainer hr
{
 border:none;
 border-top: 1px solid #CCCCCC;/*the border*/
 height: 0px;
 width: 100%;
 text-align:left;
 padding: 0px;	
}

div.contactInfoContainer img.add
{
}

div.contactInfoContainer .infoLabel{
	display: inline;
	color: Black;
	text-align: left;
	margin: 0.3em;
}
/*DATA TYPES*/
div.contactInfoContainer input.phone{
	width:10em;
}

div.contactInfoContainer input.ext{
	width:5em;
}

div.contactInfoContainer input.email{
	width: 18em;
}

div.contactInfoContainer select.subtype{
	width:10em;
}
div.contactInfoContainer input.subtype{
	width:8em;
}

/*END DATA TYPES*/

/*ELEMENTS*/
div.contactInfoContainer .action{
	cursor: pointer;
}

div.contactInfoContainer div.clear{
	clear: both;
}

div.contactInfoContainer div.section{
	margin-bottom: 7px;
}

div.contactInfoContainer div.section h3{
}

div.contactInfoContainer div.section div.sh .toolbar{	
	
}

div.contactInfoContainer div.section div.sh .toolbar .action{	
	float:right;	
}

div.contactInfoContainer div.section div.sh .title{		
	float:left;	
	width: 100%;
}

div.contactInfoContainer div.section div.sh h3{
	display: inline;
}

div.contactInfoContainer .records
{
	margin-left: 1em;
	margin-right: 1em;	
}

div.contactInfoContainer .record
{
	white-space: nowrap;
}

div.contactInfoContainer .record .actions
{
	/*display:inline;*/
	float:right;
}

div.contactInfoContainer .record .body
{	
	float:left;
}

div.contactInfoContainer .template{
	display: none;
}
/*END ELEMENTS*/

/*TABLE-Based record structure*/
div.contactInfoContainer div.section table.ttable{
	width:100%;		
	
}
div.contactInfoContainer div.section table.ttable caption{
	border-bottom: solid 1px #CCCCCC;
	width:100%;
}

div.contactInfoContainer .loaded table.ttable{
	border-bottom: solid 1px #EEEEEE;
}

div.contactInfoContainer .view .loaded table.ttable{
	border-bottom: none;
}

div.contactInfoContainer .loaded table.ttable caption{
	border-bottom: solid 1px #CCCCCC;
}

div.contactInfoContainer div.section table.ttable thead th{
	border-bottom: solid 1px #EEEEEE;		
	color: #a1a3a5;	
}

div.contactInfoContainer .empty table.ttable thead{
	display:none;
}

div.contactInfoContainer div.section table.ttable tbody td{
	padding-top: 5px;
}
div.contactInfoContainer div.section table.ttable th.subtypeCol,
div.contactInfoContainer div.section table.ttable td.subtypeCol{
	width: 10em;
}

div.contactInfoContainer div.section table.ttable th.actionCol,
div.contactInfoContainer div.section table.ttable td.actionCol{
	width: 15px;
}

div.contactInfoContainer div.section table.ttable th.primaryCol,
div.contactInfoContainer div.section table.ttable td.primaryCol{
	width: 5em;
}

div.contactInfoContainer .addButton
{
	background-image: url('app?service=asset&sp=/resources/ninezero/skins/base/images/add_gray.png');
	background-repeat: no-repeat;
	height:12px;
	width:12px;
}

div.contactInfoContainer .addButton:hover
{
	background-image: url('app?service=asset&sp=/resources/ninezero/skins/base/images/add_gray_hover.png');
	background-repeat: no-repeat;
}

/*TABLE-Based record structure*/

/****************************************************************************************
	End CONTACT_INFO
/****************************************************************************************/

/****************************************************************************************
	Start CONTACT_INFO_HISTORY
/****************************************************************************************/
.contactInfoHistoryContainer td.RECORD_TYPEColumnValue,
.contactInfoHistoryContainer th.RECORD_TYPEColumnHeader{	
	padding: 0px;
	width: 18px;	
}

.contactInfoHistoryContainer td.RECORD_TYPEColumnValue div.recType{
	background-position: center;
	background-repeat: no-repeat;
	width: 18px;
}
.contactInfoHistoryContainer td.RECORD_TYPEColumnValue div.D{
	background-image: url(app?service=asset&sp=/resources/ninezero/skins/base/images/delete-no-border-over.gif);	
}
.contactInfoHistoryContainer td.RECORD_TYPEColumnValue div.I{
	background-image: url(app?service=asset&sp=/resources/ninezero/skins/base/images/add12.gif);	
}
.contactInfoHistoryContainer td.RECORD_TYPEColumnValue div.U{
	background-image: url(app?service=asset&sp=/resources/ninezero/skins/base/images/EditVersion.png);	
}

.contactInfoHistoryContainer .actionPanel{
	float: right;
}
.phoneChanged .phone,
.countryChanged .country,
.extChanged .ext,
.valueChanged{	
	color: #053768;
	font-weight:bold;
	text-decoration: underline;
}
.changed{
	margin: 0.3em;
	padding: 0.3em;
	border: #999999 1px dashed;
}
.contactInfoHistoryContainer table.detail{
}
.contactInfoHistoryContainer table.detail td,
.contactInfoHistoryContainer table.detail th{
	padding:0.3em;
}
.contactInfoHistoryContainer table.detail thead th{
	border-bottom: solid 1px #999999;		
	font-weight: bold;	
	background-color: #EEEEEE;
}
.contactInfoHistoryContainer table.detail tbody td{
	border-bottom: solid 1px #EEEEEE;			
}
.contactInfoHistoryContainer table.detail tbody tr.selected td{
	background: #8EBEF0;	
}

/****************************************************************************************
	End CONTACT_INFO_HISTORY
/****************************************************************************************/





/*************************************
 *
 *  Attribute type Settings
 *
 *************************************/

.BO {
}

.C1 {
	width: 7em;
}

.C2 {
	width: 14em;
}

.C3 {
	width: 18em;
}
.C4 {
	width: 25em;
}
.C5 {
	width: 3em;
}
.C6 {
	width: 20em;
}
.C7 {
	width: 20em;
}
.C8 {
	width: 20em;
}
.C9 {
	width: 20em;
}

.MN{
	width: 8em;
}
.D2{
	width: 8em;
}
.D4{
	width: 10em;
}
.D6{
	width: 12em;
}
.I2 {
	width: 3.5em;
}

.I4 {
	width: 9em;
}
.ID{
	width: 7em;
}
.SS {
	width: 9em;
}
.codeDropdown {
	width: 4em;
}

.fixedgrid .BO,.fixedgrid .C4,.fixedgrid .C5,.fixedgrid .C6,.fixedgrid .C7,
.fixedgrid .C8,.fixedgrid .C9,.fixedgrid .MN,.fixedgrid .D2,.fixedgrid .D4,
.fixedgrid .C3,.fixedgrid .C2,.fixedgrid .C1,
.fixedgrid .D6,.fixedgrid .I2,.fixedgrid .I4,.fixedgrid .ID,.fixedgrid .SS
 {width:auto}
.wrapgrid td {  
    word-wrap: break-word;
}
.nowrapgrid td, .nowrapgrid th {
	overflow:hidden;
	text-overflow: clip;
}

.nowrapgrid td span,.nowrapgrid th span{
	overflow:hidden;
	white-space:nowrap;
	
}

/* make sure that a checkbox does not have a width 
  if a checkbox also is C4 for isntance
*/
.boolean{
	width:auto;
    background-color: #FFFFFF;
	border:none;
}






/*************************************
 *
 *  Wizard Settings
 *
 *************************************/

.wizardBar {
	background-color: #EF797E;
	font-size: 95%;	
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bolder;
	border:1px solid;
	border-color: black black black black;
	width:40em;
	height: 2em;
	display: none
}

.wizardHeader {
	background-color: #E3B1B3;
	font-weight: bold; 
	border-left-color: black;
	border-right-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}
.wizardDropDown {
	width:23.8em;
	position: absolute;
    display:none;
	z-index:100;
	background-color: #F2F2F3;
	border-left-color: black;
	border-right-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.wizardDropDownPerformed {
	font-weight: normal !important;
}

.wizardDropDownNotPerformed {
	font-size: x-small;
	font-weight: 900;
}


.wizardDropDownReadOnlyMode {
	width:23.8em;
	position: absolute;
    display:none;
	z-index:100;
	background-color: #F2F2F3;
	border-left-color: black;
	border-right-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.wizardDropDown table {
	width:100%;
	font-weight: bolder;
	color: #333333;
}
.wizardDropDownReadOnlyMode table {
	width:100%;
	font-weight: bolder;
	color: #333333;
}

div.wizardDropDown a
{
	display: block;
	color: #333333; 
	text-decoration: none;
	font-weight: bolder;
}

div.wizardDropDownReadOnlyMode a
{
	display: block;
	color: #AAAAAA;
	text-decoration: none;
	font-weight: bolder;
}
div.wizardDropDown a:visited
{
	color: black; 
	text-decoration: none;
}

div.wizardDropDownReadOnlyMode a:visited
{
	color: #AAAAAA; 
	text-decoration: none;
}

div.wizardDropDown a:hover {
	 background-color: #6495ED;
	 color: white;
}

div.wizardDropDownReadOnlyMode a:hover {
	 background-color: #AAAAAA;
	 color: white;
}

.contentDropDown {
	width:28.8em;
	position: absolute;
    display:none;
	z-index:100;
	background-color: white;
	border-left-color: black;
	border-right-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: black;
	border-top-color: black;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
}






/*************************************
 *
 *  Popup Settings
 *
 *************************************/

div.popupMenu
{
	position: absolute;
    display:none;
	border: 1px solid #999;
	z-index:100;
	background-color:white;
	padding:5px;
	-webkit-box-shadow: 2px 3px 2px #666;
	-moz-box-shadow: 2px 3px 2px #666;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 2px 3px 2px #666;
	border-radius: 6px;
}
div.popupMenu ul{ 
    text-align:left;
}
div.popupMenu a
{
	display: block;
	background-color: white;
	color: black; 
	text-decoration: none;
}

div.popupMenu a:hover, div.popupMenu a:active, div.popupMenu a:focus
{
	background:#1E2C6A;
	color: #fff;
}

div.popupMenu li
{
	margin-bottom:1px;
		text-align:left;
		margin-left:0.1em;
}

/*************************************
 *
 *  Live Search component
 *
 *************************************/
.resultBox {
	background-color: #FFFFFF;
	color: #00008B;
	position: absolute;
	display:none;
	z-index:900;
	width: 20px;
	
	border-style: solid;
	border-width: 1px;
	border-color: #053768;
	cursor: pointer;
}
.resultBoxCell {
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
.displayBox {
	background-color: #C3DAF9;
	color: #00008B;
    display:none;
	white-space:nowrap;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-weight: bolder;
	height: 1.4em;
	border-style: solid;
	border-width: 1px;
	border-color: #053768;
}

.searchBoldLetters {
	font-weight: bold;
}

.resultBox .highlight {
	background-color: #C3DAF9;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: solid 1px #336699;
	border-bottom: solid 1px #336699;
}

div.liveSearchPaging {
	width: 100%;
	height: 25px;
	background: #D0DEF0;
	cursor:default;
	color:#333;
}

div.liveSearchPaging div {
	margin-top:5px;
	margin-left:5px;
	float:left;

}

div.liveSearchPaging div button{
	background-position: center;
	background-repeat: no-repeat;
	background:transparent;
	padding:0pt;
	height:16px;
	width:16px;
	white-space:nowrap;
	cursor:pointer;
	border: 0pt none;
}

div.liveSearchPaging div.split
{
	padding:0pt;
	height:16px;
	width:5px;

	background: transparent center url('app?service=asset&sp=/resources/ninezero/skins/base/images/paging/grid-blue-split.gif') no-repeat;
}

div.liveSearchPaging div.firstPage button
{
	background-image: url('app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-first.gif');
}

div.liveSearchPaging div.firstPage button.disabled
{
	background-image: url('app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-first-disabled.gif');
	cursor:default;
}

div.liveSearchPaging div.pageBack button
{
	background-image: url('app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-prev.gif');
}

div.liveSearchPaging div.pageBack button.disabled
{
	background-image: url('app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-prev-disabled.gif');
	cursor:default;
}

div.liveSearchPaging div.lastPage button
{
	background-image: url('app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-last.gif');
}

div.liveSearchPaging div.lastPage button.disabled
{
	background-image: url('app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-last-disabled.gif');
	cursor:default;
}

div.liveSearchPaging div.pageNext button
{
	background-image: url('app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-next.gif');
}

div.liveSearchPaging div.pageNext button.disabled
{
	background-image: url('app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-next-disabled.gif');
	cursor:default;
}

div.liveSearchPaging div.page input
{
	width:1.4em;
	margin:0px;
}







/*************************************
 *
 *  Message Container Settings
 *
 *************************************/
#messageContainer {
	text-align: left;
	font-size: 9pt;
	width:100%;
	
}
#messageContainer ul {
	margin-top: 0px;
	margin-bottom: 0px; 
	margin-left: 15px;
}

#messageContainer li.title {
	font-weight:bold;
	list-style-type: none;
margin-left: 0px;
}

#messageContainer li.error {
	text-decoration: none;
	color: #FF0000;
}

#messageContainer li.message {
	text-decoration: none;
}

#wrapper
{
	margin-bottom: 0px;
	margin-top: 0px;
}

div.message
{
	margin: .5em;
}



/*************************************
 *
 *  POPUP Mask Styles
 *
 *************************************/
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent;
	/*background-color: #FF0000;*/
	background-image:none;
	background-repeat: repeat;
	display:none;
}



/*************************************
 *
 *  Autocomplete Styles
 *
 *************************************/
    div.autocomplete {
      position:absolute;
      width:400px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    div.autocomplete ul li.selected { background-color: #ffb;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:0px;
      cursor:pointer;
    }
	div.selectionBar .autocomplete table
	{
		margin-top: 0px;
		float:none;
		height:auto;
		border-collapse: collapse; 
  border-spacing: 0; 
	}
	

	div.selectionBar .autocomplete td , div.selectionBar .autocomplete th { 
  		padding: 0; 
	}

	div.selectionBar .autocomplete ul, div.selectionBar .autocomplete li
	{
		margin:0px;
        padding:0px;
		float:none;
		height:auto;
	}


.infobox{
	text-align: left;
	font-size: 10px;
	font-weight: bolder;
	vertical-align: middle;
	border: 1px solid black;
	padding: 5px;
	padding-left: 50px;
	width: 210px;
	background-image: url(app?service=asset&sp=/resources/ninezero/skins/base/images/Info32.gif);
	background-color: #FFFFB9;
	background-position: left;
	background-repeat: no-repeat;
}

div.browser td.browserCell
{
	white-space:nowrap;
	padding-left:4px;
	padding-right:4px;
}



/* ajax content update progress pane */

#innerprogress 
{
	width: 100%;
	height: 100%;
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/windowThemes/alert/progress_large.gif") no-repeat center;
	opacity: 1;
	filter:alpha(opacity=100);
	
}

#progressContainer {
	position:absolute;
	height:250px;
	width:250px;
	z-index:20000;
	background-color: white;
	filter:alpha(opacity=80);
	opacity: .8;	
}

/* Used to display the progress image positioned left for pages that have image viewer applet taking center region */
#innerprogressImageLeft
{
	width: 100%;
	height: 100%;
	background: url("app?service=asset&sp=/resources/ninezero/skins/base/images/windowThemes/alert/progress_large.gif") no-repeat 150px;
	opacity: 1;
	filter:alpha(opacity=100);	
}

/**
 ComboBox
*******************************/
.comboTable
{
	border:1px solid #CCCCCC;
	background: #FDF5E6;
}

table.comboTable td
{
	margin:0;
	padding:0;
	border:0;
}

.comboDisp
{
	margin-right:0px;
	padding-right:0px;
	border:0;
}

.comboOther
{
	display:none;
}

.comboArrow
{	border-style:none;
	border-width:0px;
	cursor:pointer;
	height:14px;
	width:17px;
	margin-left:0px;
}

.comboList
{	border:1px solid #98c0f4;
	background:#ddecfe;zoom:1;
	overflow:hidden;
	position: absolute;
	z-index: 11000; 
	text-align: left;
}

.comboListInner
{
	overflow:scroll;
	background:white;
	position:relative;zoom:1;overflow-x:hidden;
	color:black;
}

.comboListItem
{
	font-size: 95%;
	padding:2px;
	border:1px solid #fff;
	white-space:nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	cursor:pointer;
	height:10px;
}

.comboWrap div.highlight
{	
	background:#3366CC none repeat scroll 0%;
	border:1px dotted #A3BAE9 !important;
	cursor:pointer;
	color:white;
	white-space:nowrap;
}



/**
 End of ComboBox
*******************************/


/** FilterView Component
******************/
div.filterView div.expand
{
	cursor:pointer;
	width: 8px;
	height:8px;
	margin-top:3px;
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/collapsed_arrow.gif") no-repeat;
}

div.filterView .expanded div.expand
{
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/expanded_arrow.gif") no-repeat;
}

div.filterView input.viewName
{
	padding: 1px;	
}
div.filterView input.viewName, div.filterView select.filter
{
	width:20em;
}

div.filterView select.filter
{
	margin-right:4px;	
}

div.filterView a.add
{
	text-decoration: none;
	color: blue;
	font-size: 90%;
}

div.filterView a:visited
{
	color: blue;
}

div.filterView .tab
{
	height:24px;
	margin-bottom:-1px;
}
div.filterView .tab td
{
	padding-top:3px;
}

div.filterView .tab .left, div.filterView .tab .right
{
	width:10px;
}

div.filterView .tab .smallLabel
{
	width:35px;
}

/* show the filter as a tab when expanded */
div.filterView .expanded .tab td
{
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/filterView.gif") repeat-x;
	background-position: 0pt -30px;
}

div.filterView .expanded .tab .left
{
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/filterView.gif") no-repeat;
	background-position: 0pt 0px;
}

div.filterView .expanded .tab .right
{
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/filterView.gif") no-repeat;
	background-position: right -60px;
}

div.filterView div.filterContent div.buttons
{
	padding-top:5px;
	padding-left:15px;
	padding-bottom:2px;
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/filterView.gif") repeat-x;
	background-position: 0pt -90px;
	border-bottom: solid 1px #AAA;
	border-left: solid 1px #AEAEAE;
	border-right:solid 1px #AEAEAE;
}

div.filterView div.filterContent div.filters
{
	padding-top:3px;
	padding-bottom:3px;
	background: #EEE;	
	border-right:solid 1px #CCC;
	border-left:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}


/* end filter view component
******************************/


/** begin spreadsheet control css
*******************************/


.spreadsheet {
	font-variant: normal;
	overflow: hidden;
	height: 99%;
	width:99%
}

.headercontainer table{
	width:0;
	table-layout: fixed;
}

.frozen table {
	width:0;
	table-layout: fixed;
}

.headercontainer {
	overflow: hidden;
	height: 100%;
	width:250px;
	position:relative;

}


.frozen {
	overflow:hidden;
	height: 250px;
}

.frozen td span{
	overflow:hidden;
	white-space:nowrap;
	
}

.frozen td {
	padding-right:1em;
	overflow:hidden;
	text-overflow: clip;
	border-bottom:1px solid #dddddd	;
}
.gridcontainer {
	overflow-x: scroll;
	overflow-y: scroll;
	height: 250px;
	width:300px;
	position:relative;
}

.gridcontainer table {
	width:0;
	table-layout: fixed;
}
.gridcontainer td {
	text-align:right;	
	border-right:1px solid #dddddd	;
	border-bottom:1px solid #dddddd	;
	text-overflow: clip;
	overflow: hidden;
}

tr.invalid td {
	background-color:#eeeeee;
}


.gridviewport {
	position:absolute;
	height:250px;
	width:250px;
	z-index:5;
	background-color:white;
	filter:alpha(opacity=0);
	opacity: 0;
}
.inputtargetwrapper {
	position:absolute;
	border-style:none;
	border-width:0px;
	overflow:auto;
	padding-bottom:0px;
	padding-top:0px;
	height:10px;
	left:-10000px;
	top:-10000px;
	width:10px;
	z-index:5;
}
.inputtarget {
	position:absolute;
	height: 97%;
	left: 0px;
	top: 0px;
	width: 100%;
}

.gridselection
{	
	height:0;
	width:0;
	left:0;
	top:0;
	border-style:none;
	overflow:visible;
	position:absolute;
	z-index:5;
}

.selectedcell
{
	border:2px solid #3366CC;
	position:absolute;
	z-index:8;
	display:none;
}

.selectedcell input {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	padding-right:2% !important; 
	text-align: right !important;
	width: 98% !important;
	height:100% !important;
	background-color: white;
}
.selection {
	background-color:pink;
	opacity: .2;
	filter:alpha(opacity=20);
	display:none;
	font-size:1pt;
	z-index:6;
	position:absolute;
}
.fill {
	border: 2px dashed black;
	font-size: 1pt;
	position:absolute;
	z-index:7;
	display:none;
}
.fillHandle {
	position:absolute;
	background-color:#3366CC;
	border:1px solid white;
	z-index:9;
	display:none;
	height:4px;
	width:4px;
	font-size:1pt;
	cursor: crosshair;
}

.dateHeader {
	text-align: center;
	border-right:1px solid white	;
	border-bottom:1px solid #dddddd	;
	
}
.firstDateHeader {
	/*border-left:1px solid white	;*/
	
}

.totalHeader {
	text-align:right;
	border-right:1px solid #dddddd	;
	border-bottom:1px solid #dddddd	;
	
}
.firstTotalHeader {
	/*border-left:1px solid #dddddd	;*/	
}
col.ws {
				width: 100em;
			}


/** end spreadsheet control css
*******************************/

/* Begin of Hours Tracking */
table.hoursTracking
{
	zoom:1;
	width:100%;
	/*table-layout:fixed;*/
	border-top: 1px solid #CCD3DF;
	border-right: 1px solid #CCD3DF;
	border-bottom: 1px solid #CCD3DF;
	border-collapse:separate;
}

table.hoursTracking .selected, table.hoursTracking td.selected
{
	background: #8EBEF0;
	cursor: default;	
}

.hoursTracking td
{
	padding: 2px 2px 2px 1px;
	vertical-align:bottom;
	cursor:pointer;
	border-bottom:1px solid #CCCCDD;
	font-size:9px;
}

.projectHours
{
	padding-bottom: 10px;
}

td.noOfHours
{
	text-align:right;
	width:25px;
	padding-left:0px;
}

td.projectDescription
{
	border-left:1px solid #CCD3DF;
	padding-top: 10px;
	padding-left:4px;
	padding-right:0px;
	width:120px;
}

td.hoursum
{
	font-weight: bold;
	text-align:right;
	padding-right:5px !important;
	border-top:1px solid #CCD3DF;
	border-left:1px solid #CCD3DF;
	text-align:right;
}

td.selectWeek
{
	margin:0px;
	padding:0px;	
	vertical-align:top;
	border-left:1px solid #CCD3DF;
	width:14.8em;
}

td.selectWeek select
{
	margin:0;
	padding:0;
	width:14.8em;
}

td.error
{
 color:#FF0000;	
}

.hourTotal
{
	background: #EEEEFF;
}

.dayHeader
{
	padding: 1px 3px 1px 1px;
	text-align:left;
	font-weight:bold;
	font-size:8px;
	background:#F7F7F7 url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid_header.png) repeat-x scroll center bottom;
	border-bottom:1px solid #999999;
	border-left:1px solid #CCD3DF;
	text-align:center;
}

.totalWeekHours
{
	vertical-align:bottom;
	font-weight:bold;
	font-size:8px;
}

.hoursDescription
{
	width:99%;
	height:13px;
	overflow:auto;	
}

/* End of Hours Tracking */



select.auto {width:auto;}

/*****Lists*******/
ul.horizontal li{
	display: block;
	float: left;
}
ul.horizontal li label{
	display: inline;	
	text-align: left;
}
/*********End Lists***************/
/*****Reports*******/
ul.reportExportOptions li{
	margin-right: 1em;
}
/*****End Reports*******/




/***** Help Popup ***********/

div.helpPopup
{
	position: absolute;
	color: #FFF;
	border: 5px solid #FFF;	
	background-color: #1E2C6A;
}

div.helpPopup .content
{
	padding:10px;	
}

div.helpPopup .content .hd
{
	font-size: 20px;
	font-weight: bolder;	
	margin-bottom:10px;
}

div.helpPopup .content .ft
{
	margin-top: 10px;
	text-align:right;
}

div.helpPopup .content .button
{
	width:auto;
	height:auto;
	background:#FFF;
	border: 2px solid #CCC;
	padding:3px;
	font-size: 12px;
}

.overlay_helpPopup {
	background-color:#000;
	-moz-opacity: 0.2;
	opacity:.20;
	filter: alpha(opacity=20);
}

div.helppopuparrowleft
{
	width:18px;
	height:30px;
	padding:0;
	margin: 0;
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/white_arrow_right.gif") no-repeat;
}

div.helppopuparrowright
{
	width:18px;
	height:30px;
	padding:0;
	margin: 0;
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/white_arrow_left.gif") no-repeat;
}

div.helppopuparrowtop
{
	width:30px;
	height:18px;
	padding:0;
	margin: 0;
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/white_arrow_bottom.gif") no-repeat;
}

div.helppopuparrowbottom
{
	width:30px;
	height:18px;
	padding:0;
	margin: 0;
	background: transparent url("app?service=asset&sp=/resources/ninezero/skins/base/images/white_arrow_top.gif") no-repeat;
}

/******* End Help Popup *******/

select.auto {width:auto;}

/*Imaging Query*/
#imageQueryGridContainer th.multiselect_checkbox{
	width: 2em !important;
}

#imageQueryGridContainer th.OPS_BLOCKColumnHeader,
#imageQueryGridContainer td.OPS_BLOCKColumnValue{
	width: 2em ; 
}
/*End of Imaging Query*/

div.popupMenu a nobr
{
	color: black;
}

div.popupMenu a:hover nobr
{
	color: white;
	background-color:black;
}

div.popupMenu a:visited
{
	background-color: white;
	color: black; 
	text-decoration: none;
}


/****** Table Pane Locking **************/
div.grid .locked, .locked
{
	padding:0;
	margin:0;
}
div.grid .lockTable, .lockTable
{
	position:absolute;
	z-index:30;
}
div.grid table.lockNoBorder td, div.grid table.lockNoBorder th
{
	border: none;
}
/****** End of Table Pane Locking **************/

/***** V3ClickableImage *****/

div.tableControls a.clickableImage
{
	color:#000000;
	display:block;
	font-size:11px;
	height:100%;
	line-height:17px;
	padding:0 2px 0 1px;
	position:relative;
	text-decoration:none;
	white-space:nowrap;
}

div.tableControls a.clickableImage img
{
	padding-right:2px;
}

/***** END OF V3ClickableImage *****/

/****** Single Record Viewer **************/
.singleRecordWindow .title_window
{
	font-weight:bold;
}

.singleRecContainer
{
	width: 100%;
	overflow:auto;
}
.singleRecViewer
{
	font-size:110%;
}
.singleRecViewer td.header 
{
	background-color:#AEAEAE;
	border-right:1px solid #FFFFFF;
	font-weight:bold;
	padding-left:0.5em;
}
.singleRecContainer .singleRecViewer td
{
	text-align: left;
	white-space:nowrap;
}
div.SingleRecJoker
{
}
div.singleRecHeader
{
	text-align: center;
}
.overlay_singleRec
{
	opacity:0.2;
	background-color:#000000;
}
.singleRecFirst
{
	background-image: url("app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-first.gif");
}
.singleRecPrev
{
	background-image: url("app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-prev.gif");
}
.singleRecNext
{
	background-image: url("app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-next.gif");
}
.singleRecLast
{
	background-image: url("app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-last.gif");
}
.disablePrev .singleRecFirst
{
	background-image: url("app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-first-disabled.gif");
}
.disablePrev .singleRecPrev
{
	background-image: url("app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-prev-disabled.gif");
}
.disableNext .singleRecNext
{
	background-image: url("app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-next-disabled.gif");
}
.disableNext .singleRecLast
{
	background-image: url("app?service=asset&sp=/resources/ninezero/skins/base/images/paging/page-last-disabled.gif");
}
/****** End of Single Record Viewer **************/

div.grid td.HEADER_STATUSColumnValue {white-space: nowrap;} 

.vertical-line {
		display:inline;    
        border-left: 1px solid #999999;
        height: 20px;    
}

.editDateRange
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/edit.png);
	background-position: bottom left;
	width:16px;
}

.editDateRange:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/edit_hover.png);
	background-position: bottom left;
	width:16px;
}

.clear
{
	clear:both;
}
/**********V3 Confirm Messasge*********/
.confirmDialog
{
	width: 100%;
	overflow:auto;
}
.confirmButton
{
	height: 1.5em;
	width: 5em;
}	
/**********V3 Confirm Messasge - End*********/
/**** V3 Detail Selector ***/
.detailSelector
{
	padding-left:5px;
	padding-right:5px;
	margin:1px 1em 1px 1px;
	cursor:pointer;
	padding-left:20px;
	background:  url("app?service=asset&sp=/resources/ninezero/skins/base/images/detail_selector_arrow.png") no-repeat top left;
	background-position: 0 -64px;
}

.detailSelector.hover
{
	background:  url("app?service=asset&sp=/resources/ninezero/skins/base/images/detail_selector_arrow.png") no-repeat top left;
	background-position: 0 0;
}

.detailSelector.blackArrow
{
	padding-left:5px;
	padding-right:5px;
	margin:1px 1em 1px 1px;
	cursor:pointer;
	padding-left:20px;
	background:  url("app?service=asset&sp=/resources/ninezero/skins/base/images/detail_selector_arrow_black.png") no-repeat top left;
	background-position: 0 -64px;
}

.detailSelector.blackArrow.hover
{
	background:  url("app?service=asset&sp=/resources/ninezero/skins/base/images/detail_selector_arrow_black.png") no-repeat top left;
	background-position: 0 0;
}

.detailSelector.blackArrow.detailSelectorNull {
	color: red !important;
}


.detailSelectorGrid
{
	position:absolute;
	-webkit-box-shadow: 2px 3px 2px #666;
	-moz-box-shadow: 2px 3px 2px #666;
	z-index:1000;
	overflow-y: auto;
	overflow-x: hidden;
}

.detailSelectorGrid .gridContainer
{
	width:auto;
}

.detailSelectorGrid div.grid th
{
	background: #F2F2F2 url("app?service=asset&sp=/resources/ninezero/skins/base/images/detail_selector_header_background.png") repeat-x top left !important;
}

.detailSelectorGrid div.grid td, .detailSelectorGrid div.grid th
{
	padding-right:5px;
	padding-left:5px;
}

.detailSelectorGrid div.grid td
{
	padding-top:2px;
	padding-bottom:2px;
	border-right:none;
}

.detailSelectorGrid div.grid tr.odd, .detailSelectorGrid div.grid tr.even
{
	background-color:#FFF;
	color:#000;
}

.detailSelectorGrid div.grid tr.selected
{
	background-color:#FFF;
	color:#000;
}

.detailSelectorGrid .C4
{
	width:auto;
}

/*** End of V3 Detail Selector ***/
/** Sub Indicative Information Header **/
.subIndicativeInformation
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	margin-right:3px;
	margin-top:5px;
	margin-left:5px;
	color:#FFF;
	-webkit-box-shadow: 0px 3px 2px #888;
	-moz-box-shadow: 0px 3px 2px #888;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0px 3px 2px #888;
	border-radius: 8px;
	background: #334596 url("app?service=asset&sp=/resources/ninezero/skins/base/images/blue_fieldset_background.png") repeat-x top;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4361A3), to(#334596)); 
	background-image: -moz-linear-gradient(top, #4361A3, #334596);
}

.subIndicativeInformation select
{
	background:#FFF;
}

.subIndicativeInformation td
{
 vertical-align:middle;
}

/** End of Sub Indicative Information header **/
.paymentDescription
{
	width:99%;
	height:13px;
	overflow:auto;	
}

table.ajaxTable th, table.ajaxTable td{
	padding:2px;
	border: 1px solid black;
	border-collapse:collapse;
}
table.ajaxTable {
	margin: 5px;
	border-collapse:collapse;
}

input.importantMediumSmallInput2, select.importantMediumSmallInput2
{
	width: 12em !important
}

/*Data Sheet*/
.DSValueDefaultWidth
{
	width:12em !important;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

/*Batch Details*/
table#MESSAGE_LOG_GRID th.INSERTED_DATEColumnHeader
{
	width:15%;
}
table#MESSAGE_LOG_GRID th.SEQ_NOColumnHeader
{
	width:10%;
}
table#MESSAGE_LOG_GRID th.MSG_PARMSColumnHeader
{
	width:75%;
}
table#BATCH_DETAIL_LOG_GRID th.PROCESS_DATEColumnHeader
{
	width:15%;
}
table#BATCH_DETAIL_LOG_GRID th.SEQ_NOColumnHeader
{
	width:10%;
}
table#BATCH_DETAIL_LOG_GRID th.MSG_PARMSColumnHeader
{
	width:75%;
}

/*---------CheckboxListbox---------*/
/*CheckboxListbox container - used for scrolling*/
div.checkboxListboxDiv
{
	border:solid 1px #cccccc;
	padding:2px;
	overflow-y:auto;
	max-height:80px;
}

/*CurrentObject Highligh Color*/
div.checkboxListboxDiv table.checkboxListboxTable tr.checkboxlistboxCurrentObject
{
	background: #8EA7DA;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8EA7DA), to(#8299C8));
	background-image: -moz-linear-gradient(top, #8EA7DA, #8299C8);
}
div.grid table.grid td {
	vertical-align:top;
}

input[securityidpath="$Fieldset.FACTOR_DEFINITION.FACTOR_NAME"]
{
	width:25em;
}

input[securityidpath="$Fieldset.FACTOR_DEFINITION.DISPLAY_NAME"]
{
	width:25em;
}

select[securityidpath="FILTER_FIELDSET.$EntitySelector"]
{
	width: 25em;
}

select[securityidpath="FILTER_FIELDSET.$EntitySelector$0"]
{
	width: 25em;
}

input[type=button].textAreaButton
{
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/more_info.png') no-repeat;
	_background-image:none;
	width:16px;
	border:solid 0px transparent;
}

.exportGrid
{
	margin-top:6px;
}
div#pupupMessageContainer div#messageContainer{
	position:relative !important;
	min-width: 100% !important;
}