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

/*************************************
 *
 * Self Service Shell
 *
 *************************************/

html,body
{
    font-family: "Lucida Grande", "Arial", "Helvetica", "sans-serif";
    font-size: 100%;
    margin: 0;
	padding: 0;
	background: #FFF;
}

a, a:visited
{
	color: #1E2C6A;
	text-decoration:none;
	cursor: pointer;
}

a:hover
{
	text-decoration: underline;
}

/******** Default Font Sizes *******/

label, input, button, select, textarea, a, p, span.field, span.label
{
	font-size: 0.75em; /* 12px */
}


/******** End of Font Sized *********/

/*********** Headers ***********/

h1
{
	font-weight: bolder;
	font-size: 1.125em; /*18em*/
	margin-bottom: 10px;
}

.h1, .h3
{
	margin-bottom: 10px;
	border-bottom: solid 1px #CCC;	
}

h2
{
	font-weight: bolder;
	font-size: 1em;/* 16px*/
	margin-bottom: 10px;
}

h3
{
	font-weight: bolder;
	font-size: 0.875em; /*14px*/
	margin-bottom: 5px;
}

/****** end of headers *******/

/*********** Message Center ***********/

#messageContainer
{
	margin: 0 auto;
	width: 500px;
	font-size: 0.75em; /* 12px */
	margin-bottom: 20px;
	white-space:normal;
}

#messageContainer ul
{
	padding:5px;
	margin-bottom:10px;
}

#errorList
{
	background-color: #FFBABA;
	color: #D8000C;
	border: 1px solid #D8000C;
}

/****** End of Message Center ******/

.hidden
{
	display:none;
}

/******** labels *******/

label, span.label
{
	margin-right: 5px;
	display: inline-block;
	color: #666;
}

label span.label, a span.label
{
	font-size: 100%;
	
}

a span.label
{
	color: inherit;
}

/*********** Default input, list, and text area stylings ***********/
input, select, textarea
{
	border: solid 1px #BBB;
}

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

input, textarea
{
	padding: 2px;
}

select
{
	padding-top: 1px;
	padding-bottom: 1px;
}

.radio input, .optionGroup input
{
	margin-right: 5px;	
}

button, input.button
{
	cursor: pointer;
	margin:0;
	padding:0;
	color: #000;
	border:none 0px;
	-webkit-box-shadow: 1px 1px 2px #CCC;
	-moz-box-shadow: 1px 1px 2px #CCC;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E9E9E9));
	background-image: -moz-linear-gradient(top, #FEFEFE, #E9E9E9);
	border: solid 1px #CCCCCC;
	padding: 4px 5px;
}

button:hover, input.button:hover
{
	background: #EEE;
}

button:active, button:focus, input.button:active, input.button:focus
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#FEFEFE));
	background-image: -moz-linear-gradient(top, #E9E9E9, #FEFEFE);
}

button.primary, input.button.primary
{
	background:#4557A1 url("app?service=asset&sp=/resources/ninezero/skins/base/images/ss_gradients_horizontal.png") repeat-x top;
	background-position: 0 -458px;
	color: #FFF;
    padding: 7px 9px 7px;
}

button.primary:hover, input.button.primary:hover
{
	background: #1E2C6A;
}

button.primary:active, button.primary:focus, input.button.primary:active, input.button.primary:focus
{
	background: #4557A1;
}

button.secondary, input.button.secondary
{
	padding: 7px 9px 7px;
}

button.expand
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/expand.gif);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/expand.gif', sizingMethod='crop');
}

button.collapse
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/collapse.gif);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/collapse.gif', sizingMethod='crop');
}

.buttons
{
	margin-top: 25px;	
}

.buttonIcon
{
	cursor:pointer;
	margin:0px;
	padding:0px;
	background: transparent;
	background-image:none;
	background-position-x: 50%;
	background-position-y: 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;
	-webkit-box-shadow: inherit;
	-moz-box-shadow: inherit;
}

button.executeButton em
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/execute_full_small.png);
	width:30px;
	height:auto;
	display:inline-block;
	margin-bottom:-3px;
}

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

/**************************************
 *
 * Account Selecto
 *
 *************************************/
#EmployerAccounts_accountSelection .comboList
{
	max-width: 630px !important;
}
/*************************************
 *
 *  Grid Settings
 *
 *************************************/
div.grid
{
}

div.grid table
{
	width:100%;
  	border-collapse: collapse;
  	font-size: 0.6875em;
}


div.grid tbody
{
	border: 1px solid #CCC;
	border-top:0 none;
}

div.grid table a, div.grid table span.field, div.grid table input, div.grid.table select
{
	font-size: 100%;
}

div.grid td
{
	padding:5px;
	padding-left:5px;
}

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

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

div.grid tr.even:hover, div.grid tr.odd:hover
{
	background-color:  #BDCEE0;
}

div.grid th
{
	text-align: left;
	border-bottom: 1px solid #999;
  	border-left: 1px solid #BBB;
  	border-top: 1px solid #BBB;
  	padding-left: 5px;
  	padding-top:4px;
  	padding-bottom:4px;
  	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;
  	
}

div.grid th, div.grid th a
{
	color: #333333;
}

div.grid th img
{
	float: right;
	margin-right: 5px;
	margin-top: 2px;
}

div.grid tr.selected input.override, 
div.grid tr.selected,
div.grid tbody.selected,
div.grid tr.selected .boolean,
div.grid tbody.selected .boolean

{
	background: #7189C0 !important;
}

div.grid tr.rowTotal
{
	font-weight:bold;
}

div.grid tr.rowTotal span.field
{
	display:block;
	border-top: solid 2px #94A5B3;
	width: 100%;
	padding-top:2px;
}

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

div.grid td.MN, div.grid td.numeric
{
	text-align:right;
}

td.pages
{
	font-size: 0.6875em;
	color: #999;
	padding-top: 10px;
}

td.pages .thisPage
{
	font-size: 100%;
	margin-right: 6px;
	width: 2em !important;
	text-align:right;
}

td.pages .gridRecordInfoContainer
{
	float:right;
}

td.pages button.gridNext
{
	width: 6px;
	height: 11px;
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/ss_grid_page_icons.png') no-repeat;
	background-position: 0 -183px;
	margin-right: 8px;
}

td.pages button.gridNext:hover
{
	background-position: 0 -305px;
}

td.pages button.gridNextDisabled
{
	width: 6px;
	height: 11px;
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/ss_grid_page_icons.png') no-repeat;
	background-position: 0 -244px;
	margin-right: 8px;
	cursor: default;
}

td.pages button.gridLast
{
	width: 13px;
	height: 11px;
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/ss_grid_page_icons.png') no-repeat;
	background-position: 0 0;
}

td.pages button.gridLast:hover
{
	background-position: 0 -122px;
}

td.pages button.gridLastDisabled
{
	width: 13px;
	height: 11px;
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/ss_grid_page_icons.png') no-repeat;
	background-position: 0 -61px;
	cursor: default;
}

td.pages button.gridFirst
{
	width: 13px;
	height: 11px;
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/ss_grid_page_icons.png') no-repeat;
	background-position: 0 -549px;
	margin-right: 8px;
}

td.pages button.gridFirst:hover
{
	background-position: 0 -671px;
}

td.pages button.gridFirstDisabled
{
	width: 13px;
	height: 11px;
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/ss_grid_page_icons.png') no-repeat;
	background-position: 0 -610px;
	margin-right: 8px;
	cursor: default;
}

td.pages button.gridPrev
{
	width: 6px;
	height: 11px;
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/ss_grid_page_icons.png') no-repeat;
	background-position: 0 -366px;
}

td.pages button.gridPrev:hover
{
	background-position: 0 -488px;
}

td.pages button.gridPrevDisabled
{
	width: 6px;
	height: 11px;
	background: url('app?service=asset&sp=/resources/ninezero/skins/base/images/ss_grid_page_icons.png') no-repeat;
	background-position: 0 -427px;
	cursor: default;
}

.gridContainer
{
	width: 100%;
}
div.grid.gridScroll
{
	width:	46em !important;
}


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


div.grid div.gridBody
{
	overflow:auto;
}

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

tr.tableControlsTR
{
	border:0 !important;
}

tr.tableControlsTR .showTableControls
{
	display:none;
}

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


/****** End of Grid Settings ****/

.formGrid td
{
	vertical-align: middle;
	padding-bottom: 4px;
}

.formGrid td.value
{
	padding-right: 5em;
}

.formGrid td.alignTop
{
	vertical-align:top;
}

.formGrid button, .formGrid input.button
{
	padding: 1px 6px;
}

/******** Footer *******/

#ft
{
	margin: 0 auto;
	width:96em; /*960px*/
   	min-width:96em;	
	font-size: 0.625em; /*10px*/
	margin-bottom: 10px;
	color: #666;
	text-align:center;
	margin-top: 30px;
	text-shadow: 1px 1px 0px #F3F3F3;
	
}

#ft .copyright
{
	font-size: 0.625em; /*10px*/
}

#ft .copyright a
{
	font-size: 100%;	
}
/******** End Document and body *******/

/***** Calendar settings *******/
input.date
{
	width: 7.5em;
}
img.date
{
	position:relative;
	margin-left:-19px;
	height:20px;
	width:18px;
	margin-top:3px;
	top:5px;
}


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%;
  border: 1px solid transparent;
}

.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;
  border: 1px solid transparent;
}
.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;
}

/**
 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;
}

.comboArrow
{	border-style:none;
	border-width:0px;
	cursor:pointer;
	height:16px;
	width:16px;
	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: 70%;
	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;
}

.billingEntityComboBoxInput 
{
	width: 30em;
}


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

/*** Horiontal Tabs************/

.horizontalTabContent
{
	margin-bottom: 20px;
	padding-left:0.8em;
	padding:0;
	margin:0;
	padding-top:10px;	
}

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

div.horizontalTabContent .horizontalTabs li.selected {

}

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;*/
   background: #FFF;
}

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 0;
   /*background-position: 0 -100px;*/
   color:#555;
   font-weight:normal;
}

div.horizontalTabContent .border
{
	clear:both;
	border-top: 1px solid #CCCCCC;
	height:1px;
}

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

/******* Grid table controls ******/

.tableControls td
{
	vertical-align: middle;	
}

.tableControls .buttonIcon:hover
{
	background-color: transparent;	
}

.tableControls .gridFilter
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid/grid_filter.png);
	background-repeat:no-repeat;
	_background-image: none;
	background-position: bottom left;
	width:auto;
	padding-left:18px;
	*padding-left:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/grid/grid_filter.png', sizingMethod='crop');
}

.tableControls .gridFilter:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid/grid_filter_active.png);
	background-repeat:no-repeat;
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/grid/grid_filter_active.png', sizingMethod='crop');
}


.tableControls .gridExecute
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid/grid_ok.png);
	background-repeat:no-repeat;
	_background-image: none;
	background-position: bottom left;
	cursor: pointer;
    height: 18px;
    width: 22px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/grid/grid_ok.png', sizingMethod='crop');
}


.tableControls .gridClear
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/grid/grid_clear.png);
	background-repeat:no-repeat;
	_background-image: none;
	background-position: bottom left;
	cursor: pointer;
    height: 18px;
    margin-left: -1px;
    width: 22px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/grid/grid_clear.png', sizingMethod='crop');
}

.tableControls .gridPrint
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/print_2.png);
	_background-image: none;
	background-position: bottom left;
	width:auto;
	padding-left:18px;
	*padding-left:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/print_2.png', sizingMethod='crop');
}

.tableControls .gridPrint:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/print_2_hover.png);
	_background-image: none;
	background-position: bottom left;
	background-repeat:no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/print_2_hover.png', sizingMethod='crop');
}

.tableControls .gridExport
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/convert_small.png);
	_background-image: none;
	background-position: bottom left;
	width:auto;
	padding-left:18px;
	*padding-left:7px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/convert_small.png', sizingMethod='crop');
}

.tableControls .gridExport:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/convert_small_hover.png);
	_background-image: none;
	background-repeat:no-repeat;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/convert_small_hover.png', sizingMethod='crop');
}

.tableControls .gridXlsExport
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_xls.png);
	background-repeat:no-repeat;
	_background-image: none;
	background-position: bottom left;
	width:auto;
	padding-left:15px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/document_xls.png', sizingMethod='crop');
}

.tableControls .gridXlsExport:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_xls_hover.png);
	background-repeat:no-repeat;
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/document_xls_hover.png', sizingMethod='crop');
}

.tableControls .gridPdfExport
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_pdf.png);
	background-repeat:no-repeat;
	_background-image: none;
	background-position: bottom left;
	width:auto;
	padding-left:15px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/document_pdf.png', sizingMethod='crop');
}

.tableControls .gridPdfExport:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_pdf_hover.png);
	background-repeat:no-repeat;
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/document_pdf_hover.png', sizingMethod='crop');
}

.tableControls .gridCsvExport
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_csv.png);
	_background-image: none;
	background-position: bottom left;
	width:40px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/document_csv.png', sizingMethod='crop');
}

.tableControls .gridCsvExport:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/document_csv_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:40px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/document_csv_hover.png', sizingMethod='crop');
}

.tableControls .gridAddon
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/toolset.png);
	_background-image: none;
	background-position: bottom left;
	width:auto;
	padding-left:15px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/toolset.png', sizingMethod='crop');
}

.tableControls .gridAddon:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/toolset_hover.png);
	_background-image: none;
	background-repeat:no-repeat;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/toolset_hover.png', sizingMethod='crop');
}

.tableControls .gridAddRow
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/add_inline.png);
	_background-image: none;
	background-position: bottom left;
	width:auto;
	padding-left:15px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/add_inline.png', sizingMethod='crop');
}

.tableControls .gridAddRow:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/add_inline_hover.png);
	_background-image: none;
	background-repeat:no-repeat;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/add_inline_hover.png', sizingMethod='crop');
}

.tableControls .gridInsertRow
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/insert_inline.png);
	_background-image: none;
	background-position: bottom left;
	width:45px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/insert_inline.png', sizingMethod='crop');
}

.tableControls .gridInsertRow:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/insert_inline_hover.png);
	_background-image: none;
	background-repeat:no-repeat;
	background-position: bottom left;
	width:45px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/insert_inline_hover.png', sizingMethod='crop');
}

.tableControls .gridCopyRow
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/copy_inline.png);
	_background-image: none;
	background-position: bottom left;
	width:48px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/copy_inline.png', sizingMethod='crop');
}

.tableControls .gridCopyRow:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/copy_inline_hover.png);
	_background-image: none;
	background-repeat:no-repeat;
	background-position: bottom left;
	width:48px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/copy_inline_hover.png', sizingMethod='crop');
}

.tableControls .gridDeleteRow
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/delete_inline.png);
	_background-image: none;
	background-position: bottom left;
	width:auto;
	padding-left:15px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/delete_inline.png', sizingMethod='crop');
}

.tableControls .gridDeleteRow:hover
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/delete_inline_hover.png);
	_background-image: none;
	background-repeat:no-repeat;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/delete_inline_hover.png', sizingMethod='crop');
}

.tableControls .gridSort, .tableControls .gridNumRecords, .tableControls .gridSingleRow, .tableControls .gridColumns, .tableControls .gridCsvExport
{
	display:none;
}

.tableControls iframe
{
	left: -1000px !important;
}

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.numeric,
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 input.numeric,
tr.controlCell textarea, 
tr.controlCell select
{
	margin:0px;
	padding:0px;
	width:99%;
	height:12px;
} 
tr.controlRow td
{
	white-space:nowrap;
}

#editBar
{
	float: center; 
	white-space:nowrap;
}
div.center
{
	float: center; 
	white-space:nowrap;
	margin:10px;
}

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

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


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

div.popupMenu
{
	position: absolute;
	border: 1px solid #999;
	z-index:100;
	background-color:white;
	-webkit-box-shadow: 2px 3px 2px #666;
	-moz-box-shadow: 2px 3px 2px #666;
	box-shadow: 2px 3px 2px #666;
	font-weight: normal;
}

div.popupMenu div.popupContent
{
	margin:0;
	padding:0;
}

div.popupMenu ul{ 
    text-align:left;
    margin-left: 0;
}
div.popupMenu a
{
	display: block;
	background-color: white;
	color: black; 
	text-decoration: none;
}
div.popupMenu li
{
	margin-bottom:1px;
	text-align:left;
	font-weight: normal;
	color: #000;
	padding: 6px 44px 6px 16px;
	list-style:none;
	margin-left:0;
}

div.popupMenu li:hover, div.popupMenu li:hover a
{
	background-color: #F7F7F7;	
}

div.popupMenu li.divider
{
	margin:0 !important;
	padding:0 !important;
	height: 1px;
	background-color: #CCC;
}

.gridAction
{
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/details_arrow.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	height:16px;
	padding-left:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/details_arrow.png', sizingMethod='crop');
	
}

.gridAction:hover, button.gridAction:active, button.gridAction:focus
{
	background-color: transparent;
	background-image:url(app?service=asset&sp=/resources/ninezero/skins/base/images/details_arrow.png);
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/details_arrow.png', sizingMethod='crop');
}

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.numeric,
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 input.numeric,
tr.controlCell textarea, 
tr.controlCell select
{
	margin:0px;
	padding:0px;
	width:99%;
	height:12px;
} 
tr.controlRow td
{
	white-space:nowrap;
}
/*************************************
 *
 *  Attribute type Settings
 *
 *************************************/

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

span select {
	font-size: 100%;	
}

.textAreaButton
{
	display: none;	
}

select.veryLargeInput 
{
	width: 37em;
}

select.mediumLargeInput 
{
	width: 18em;
}
select.mediumSmallInput 
{
	width: 12em;
}

select.mediumInput 
{
	width: 10em;
}

/**** 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 ***/
.spacer
{
	clear:both;
}

/******** Screen resolutions *******/


#doc.w1280 .gridScroll
{
	width:61em !important;
}

#doc.w1440 .gridScroll
{
	width:71em !important;
}

#doc.w1600 .gridScroll
{
	width:81em !important;
}

.faqContent
{
	background: #EEEEEE; 
	padding: 10px; 
}

/******** End of Screen resolutions *******/
.required
{
	background-color: #FFFF86;
}

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

td.datasheetFormLabelMC_1_help_false
{
	width: 14em;
}

td.datasheetFormLabelMC_1_help_true
{
	width: 14em;
}

/****************************************************************************************
	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;
	_background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/ninezero/skins/base/images/add_gray.png', sizingMethod='crop');
	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
/****************************************************************************************/