/* YUI Code to reset the font size */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-size:108%;line-height:100%;}


/*************************************
 *
 * Self Service Shell
 *
 *************************************/

html,body
{
    font-family: Lucida Grande, "Arial", "Helvetica", "sans-serif";
    background-color: #FFFFFF;
    font-size: 91%;
    margin: 0;
	padding: 0;
	height:100%;
	text-align:center;
	background: #3D4753;
	height: 100%;
}

h1 {
  color: #000000;
  font-size: 116%; 
  font-weight: bolder;
}

h2 {
  margin-bottom: 0px;
  color: #990000;
  font-size: 110%; 
  font-weight: bolder;
}

#doc {
	background: #FFF;	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}



#hd {
	background-image: url("app?service=asset&sp=/resources/images/ss_background.png");
    background-repeat:repeat-x;
	background-color: #EEEEEE;
	margin: 0px;
	font-size: 81%;
	color: #333;
	font-weight: bold;
	*margin-bottom:-2px;
}

#hd div.left{
	position: absolute;
	margin-left: 10px;
}
#bd {
}
#bd div.content {
	margin: 20px;
}

#ft, #ftpush {
	height:30px;
	text-align:center;
	background: #FFF;	
}

#ft
{
	width:950px;
	margin: 0 auto;	
}



/* Header
**************************************************/

div#options
{
	float: right;
	margin-right: 10px;
}

div#options select
{
	font-weight: normal;
	font-size: 93%;
}

div#options a
{
	color: #333;
	text-decoration: none;
}

div#logo
{
	margin-left: 20px;
}

div#date
{
	float:right;
	margin-top:-40px;
	margin-right: 10px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	
}

.additionalInfo
{
	font-weight: normal;
	color: #777777;
	font-size: 90%;
}



#mainContent {
	padding: 10px;
}

/* Navigation
**************************************************/

#navigation {
	background: #990000;
}

div#breadcrumbs
{
	font-weight: bold;
    color: #FFF;
    font-size: 100%;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
    
}
div#breadcrumbs a
{
	color: #FFF;
	text-decoration: none;
}

div#breadcrumbs .current, div#breadcrumbs a .current
{
	color: #FFFFFF;
	text-decoration: none;
}

div#selectionBar
{
	margin-top: 0px;
}

.importantMessage
{
	margin:0 auto;
	width:800px;	
	margin-top:20px;
	margin-bottom:20px;
	background-color:#EEE;
	border: 1px solid #CCC;
	padding:15px;
}

.importantMessage h3
{
	font-size:100%;
	color: #990000;
	font-weight:bold;
	margin-bottom:10px;
}

.importantMessage .selectText
{
	margin-top:20px;
	font-weight:bold;
}








/*************************************
 *
 * Self Service Global Settings
 *
 *************************************/
/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */

div.fieldset 
{

	padding: 5px;
}

div.fieldset div.legend {
  margin-left: 8px;
  margin-bottom: 10px;
  color: #990000;
	font-weight:bold;
	font-size: 110%;
}

div.fieldset div.shim
{
	padding: 8px;
}

#bd div.content div.thinPage
{
	width:800px;
	margin:0 auto;
}
div.section {
	margin-bottom: 40px;	
}

div.section h2{
	text-align:left;	
}
div.section hr{
	
 border:none;
 border-top: 2px solid #DDD;/*the border*/
 height: 0px;
 width: 100%;
 text-align:left;
 margin: 0 auto 0 0; /*this will align it left for Mozilla*/
 padding: 0px;
 padding-bottom:15px;
}

div.section label {
	width: 15em;
}
hr.heading
{
 border:none;
 border-top: 1px dashed #CCCCCC;/*the border*/
 height: 0px;
 width: 600px;
 text-align:left;
 margin: 0 auto 0 0; /*this will align it left for Mozilla*/
 padding: 0px;
}

.bold {
	font-weight: bold;
}
.heightMedium {
	height: 12em;
}
.hidden
{
	display:none;
}
.information {
	border-style: none;
	background: none;
}
.xxLargeLabel {
	width: 25em; 
}
.xLargeLabel {
	width: 20em; 
}
.largeLabel {
	width: 15em; 
}

.mediumLabel {
	width: 10em;
}
.negative 
{
	color: red ! important;
}
.noWrap {
	white-space:nowrap;
}
.noMargin {
	margin-left: 0em;
  	margin-right: 0em;
}

.selectionBar label, .selectionBar select, .selectionBar input, .selectionBar input.button
{
	font-size: 110%;	
}

.selectionBar legend {
	font-size: 80%;
}
.selectionBar .fieldset{
	background: none;
	border: none;
}
.selectionGrid .fieldset {
	border-style: none;
	border-width: 1px;
	background: none;	
}
.selectionGrid th.title {
	font-size: 90%;
	font-weight: bold;
	background-color: #990000;
	color: #FFFFFF;
	padding-left: 3px;
}
.selectionGrid th.actions {
	text-align:right;
	padding-right: 3px;
	background-color: #990000;
	color: #FFFFFF;
}

.selectionGrid a {
	color: #F2F4F8;	
	font-size: 70%;
	font-weight: normal;
}

.selectionGrid legend {
}
.smallText
{
	text-decoration: none;
}
.smallLabel {
	width: 5em; 
	text-align: right;
	display: block;
}
.superLabel {
	width: 20em; 
}

.errorMarker{
	color:red;
	margin-left: 0em;
  	margin-right: 1em;
}
.requiredMarker{
	color:black;
	margin-left: 0em;
  	margin-right: 1em;
}

.statistics .fieldset
{
	background: #FFFFFF url("app?service=asset&sp=/resources/images/stat_background.jpg") no-repeat left top;
	border-color: #CDD5E3;
	width: 15em;
	float: right;
}

#PARAM_DETAIL_REPORT_FOR td.parameterGroupControlValue SELECT {
    width:20em;
}

#PARAM_DETAIL_REPORT_FOR td.parameterGroupControlValue{
	vertical-align: bottom;
}

ol.orderedList
{
	list-style-type: decimal;
	margin-left: 20px;
	margin-top:10px;
	margin-bottom:10px;
}
ul.unorderedList
{
	list-style-type: disc;
	margin-left: 20px;
	margin-top:10px;
	margin-bottom:10px;
}
ul.unorderedList li.pdf
{
	list-style-image: url(app?service=asset&sp=/resources/images/document_pdf_bottom_aligned.png);
}

ul.unorderedList li.doc
{
	list-style-image: url(app?service=asset&sp=/resources/images/document_doc_bottom_aligned.png);
}

ul.unorderedList li.rtf
{
	list-style-image: url(app?service=asset&sp=/resources/images/document_rtf_bottom_aligned.png);
}

ul.unorderedList li.xls
{
	list-style-image: url(app?service=asset&sp=/resources/images/document_xls_bottom_aligned.png);
}

ul.unorderedList li.txt
{
	list-style-image: url(app?service=asset&sp=/resources/images/document_txt_bottom_aligned.png);
}

ul.unorderedList li.ppt
{
	list-style-image: url(app?service=asset&sp=/resources/images/document_ppt_bottom_aligned.png);
}


/**********************************
 * HTML Element Overides
 **********************************/
a {
	color: #223D6F;
} 
 
div.container
{
	padding:.25em;
}
div.center
{
	width: 400px;
	margin: auto;
	text-align:center;
}

div.scroll{
	width: 100%;
	overflow: scroll;
}

.smallLink a {
	text-decoration:none;
}

div.selectionBar
{
	font-size: 70%;
	text-align: left;
	width: 100%;
	margin:auto;
  	background: transparent url(app?service=asset&sp=/resources/images/selectionBar_middle.png) repeat-x top;
  	*margin-top:-2px;
}

div.selectionBar a
{
	text-decoration: none;
	font-weight: bold;
}

div.selectionBar div.left {
}

div.selectionBar div.leftExpand {
  background: transparent url(app?service=asset&sp=/resources/images/selectionBar_messages_left.png) top left no-repeat ! important;
}

div.selectionBar div div.right {
  padding: 7px 10px 10px 12px;
  height: 23px;
}

div.selectionBar div div.rightExpand {
  background: url(app?service=asset&sp=/resources/images/selectionBar_messages_right.png) top right no-repeat ! important;
}

div.selectionBar th {
  padding-left:3px;
  padding-right:3px;
  white-space: nowrap;
  vertical-align: middle;
}
div.selectionBar td {
  vertical-align: middle;

}
div.selectionBar table {

  background: none;
  padding: 0;
  width: auto !important;
  margin-top: 2px;
}

/**
 Selection Bar Message Container
************************************/
#messageContainer
{
	background-color:#FFF;
}
div.messageCenter {
	border:0;
	margin:0;
}

#backButtonWarning{
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 2em;		
}

#backButtonWarning .message{
	margin: 1em;
}

#selectionCenter
{
}

#selectionCenter div.messageCenter div.left {
  background: url(app?service=asset&sp=/resources/images/messageCenter_left.png);
	background-repeat: repeat-y;
}

#selectionCenter div.messageCenter div.right {
  background: url(app?service=asset&sp=/resources/images/messageCenter_right.png) right;
 background-repeat: repeat-y;
}

div.messageCenterBottom
{
	height: 13px;
  	width: 100%;
  	background: url(app?service=asset&sp=/resources/images/messageCenterBottom_middle.png) bottom;
	background-repeat: repeat-x;
}
div.messageCenterBottom div.left {
  height: 13px;
  width: 100%;
  background: url(app?service=asset&sp=/resources/images/messageCenterBottom_left.png) bottom left no-repeat;
}

div.messageCenterBottom div.right {
  height: 13px;
width: 100%;
  background: transparent url(app?service=asset&sp=/resources/images/messageCenterBottom_right.png) bottom right no-repeat;
}

iframe.shim
{
	position:absolute; 
	top:0px; 
	left:0px; 
	display:none;
}

img.date
{
	cursor:pointer;
	padding:0;
	margin:0;
	vertical-align:top;
	height:18px;
	width:19px;
	margin-left:-21px;
}
/* INPUT Element
*/
input {
    font-size: 85%;
  	margin-right: 1em;
	border-color: #7F9DB9;
	border-width: 1px;
	border-style: solid;
	margin: 1px;
}

.required
{
	background-color: #FFFF86;
}

input.disabled
{
	background-color: #EEEEEE;
}

input.numeric, td.numeric, th.numeric
{
	text-align:right;
	padding-right:2px;
}
input.alargeInput {
	width: 35em;
}
input.veryLargeInput 
{
	width: 36.5em;
}

input.largeInput {
	width: 26em;
}

input.mediumLargeInput 
{
	width: 17.5em;
}

input.mediumInput {
	width: 10em;
}

input.mediumSmallInput 
{
	width: 11.5em;
}

input.smallInput {
	width: 8em;
}

input.tinyInput {
	width: 7em;
}
input.large
{
	width: 30em;
}

input.date
{
	width:7.9em;
	margin-right:24px;
}

input.largeDate
{
	width:13.1em;
	margin-right:24px;
}

input.date.disabled, input.largeDate.disabled
{
	margin-right: 1em;
}
/* LABEL Element
 */
LABEL {
	font-size: 85%;
	width: 10em; 
	text-align: right;
	display: block;
	margin-right: 0.5em;
	vertical-align:top;
	font-weight: bold;
}

LABEL.leftAlign {
	text-align: left;
	margin-bottom:3px;
}

LABEL.rightAlign {
	text-align: right;
}

LABEL.centerAlign {
	text-align: center;
}

LABEL.bold {
	font-weight: bold;
}
table
{
	border-collapse: collapse;
}

table.home
{
	width:100%;
}
td
{
	vertical-align: top;
}
select {
    font-size: 68%;
	width: 12em;
 	margin-right: 1em;
 	margin: 1px;
}

select.alargeInput {
	width: 35em;
}

select.veryLargeInput {
	width: 37em;
}

select.largeInput {
	width: 26em;
}

select.mediumLargeInput {
	width: 18em;
}

select.mediumInput {
	width: 10em;
}

select.mediumSmallInput 
{
	width: 12em;
}

select.smallInput {
	width: 9em;
}
select.tinyInput {
	width: 7em;
}





/**********************************
 * Fieldset
 **********************************/

fieldset {
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;	
	background: #F7F8FA;
}

/**********************************
 * Div's By Id
 **********************************/
#accountSummary th {
	text-align:right;
	vertical-align:top;
}
#addressBlock {
	width:48em;
}


#loginForm {
	margin:auto;
    width:24em;
	margin-top:60px;
	margin-bottom:60px;
}

#loginForm table{
	width:100%;
}

#loginField {
  padding:15px;
}
#loginField th {
  font-weight: bold;
}
#loginField label
{
	font-size: 90%;
	display: inline;
}	

#loginField #userName,  #loginField #password{
  width: 98%;
}
#loginField a {
  font-size:80%;
  text-decoration:none;
}

#loginField a:hover
{
	text-decoration:underline;
}

#loginField input {
  margin-top: 5px;
  margin-bottom: 10px;
}

/* Message Reporting */
#message {
	width: 800px;
	text-align: left;
	margin:auto;
}

#message fieldset {
	padding: 15px;
}

#message #messageButtons {
	text-align:center;
}

#registration {
    margin:auto;
	width: 30em;
	text-align: center;
	
}

#registration .fieldset {
	text-align: left;
	padding: 15px;
}


#theform
{
	margin: 0px;
	padding: 0px;
}

#eventmessage {	
	text-align: left;
	margin:auto;
	color:#003399;
}
#eventdescmessage {		
	font-style: normal;		
	margin-right: 50pt;
	margin-left: 50pt;
}
#eventhelp {
	text-align: left;
	font-weight: bolder;
	vertical-align: middle;
	--border: 1px solid black;
	--padding: 5px;
	--padding-left: 50px;
	width: 260px;
	--background-image: url(app?service=asset&sp=/resources/images/Info32.gif);
	background-color: #FFFFB9;
	background-position: left;
	background-repeat: no-repeat;
}

#pagePicture
{
	width: 355px;
	height: 200px;
	background-image: url(app?service=asset&sp=/resources/images/eventImage_IMG_3489-01.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#eventdescmessage1 {
	font-style: normal;
	text-align: left;
	text-indent: 2cm;
}
#eventdeschelp {
	font-style: normal;
	text-align: left;	
	margin-right: 50pt;
	margin-left: 50pt;
	
}

/**
	Vertical Navigation Printouts
*/
div#navSections
{
	  margin-left:2em;
}

div#navSections ul
{
  margin-left: 20px;
  margin-top: 0px;
  padding-top: 5px;
  margin-bottom: 30px;
}

div#navSections li
{
  list-style-type: disc;
}

hr.dashed
{
 border:none;
 border-top: 1px dashed #AAA;/*the border*/
 height: 0px;
 width: 500px;
 text-align:left;
 margin: 0 auto 0 0; /*this will align it left for Mozilla*/
 padding: 0px;
}

/* -------------- */

.boldText {
	font-weight: bold;
}

/* Calculators
**************************/
#calculators {
	margin-left:30px;
	list-style-image: url("app?service=asset&sp=/resources/images/small_calculator.gif");	
}

#calculators li {
	padding-left:10px;
}

.widget ul
{
	font-size:80%;	
}

.iconLegend label{
	display: inline;
}

/* Datasection
*********************/

div.dataSection
{
	margin-bottom:40px;	
}

div.dataSection hr
{
	 border:none;
	 border-top: 1px dashed #AAA;/*the border*/
	 height: 0px;
	 text-align:left;
	 margin: 0 auto 0 0; /*this will align it left for Mozilla*/
	 padding: 0px;
	 margin-bottom: 10px;	
}

/*************************************
 *
 *  Address Settings
 *
 *************************************/
#col4filler
{
	width: 7.5em;
}

div.AddressInput 
{
	width: 41em;
}

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:7.5em;
}

table.address td.addrLabel input
{
	width:7.5em;
}

table.address td.addrCol2 select
{
	width:13.5em;
}

table.address td.addrCol2 input
{
	width:13.5em;
}

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.enrollmentMessageContainer
{
	margin-left:100px; 
	width:500px; 
	float:center; 
	text-align:left; 
	font-style: normal;
}

div.addressStandadizationContainer ul{
	list-style: disc;
	list-style-position: inside;	
}
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;	
}


/** Colors
********************/
.background
{
	background-color: White}

.red
{
	color: #FF0000
}
.green
{
	color: #00FF00
}
.blue
{
	color: #0000FF
}
.black
{
	color: #000000
}
.white
{
	color: #FFFFFF
}







/*************************************
 *
 * Self Service Grid Settings
 *
 *************************************/
 
div.grid
{
		border: #CCC solid 1px;	
}

div.grid th
{
	/*background-color:  #7B9BD5;*/
	text-align: left;
	border-bottom: 1px solid #999;
  	border-left: 1px solid #CCD3DF;
  	padding-left: 10px;
  	height: 20px;
  	vertical-align: middle;
  	font-weight: normal;
  	background: #F7F7F7 url('app?service=asset&sp=/resources/images/grid_header.png') repeat-x bottom;
  	color: #333;
}
div.grid .childRecord
{
	background-color:  #FFFFFF;
}

DIV.grid TR.rowTotal td.ColumnTotal{

	border-top:thin solid #9eb4c8;
}

div.grid tr.odd
{
	background-color: #F2F4F8;
}

div.grid tr.odd .boolean
{
	background-color: #F2F4F8;
}

div.grid tr.even
{
	background-color:  #FFFFFF;
}

div.grid tr.even .boolean
{
	background-color:  #FFFFFF;
}

div.grid table
{
	width:100%;
  	border-collapse: collapse;
  	font-size: 80%;
}

div.grid table input, div.grid table select, div.grid table textarea
{
	font-size: 100%;
}

div.grid tr
{
	cursor: pointer;
	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:#EEE;
	padding-left: 10px;
}

div.grid th.group
{
	border-bottom:thin solid #BED4E8;
}

div.grid th a
{
	text-decoration:none;
	color:#444;
	
}
div.grid tr.oddHighlight
{
	cursor: pointer;
	background-color: #AAA;
}

div.grid tr.oddHighlight .boolean
{
	cursor: pointer;
	background-color: #AAA;
}

div.grid tr.evenHighlight
{
	cursor: pointer;
	background-color: #AAA;
}

div.grid tr.evenHighlight .boolean
{
	cursor: pointer;
	background-color: #AAA;
}

div.grid tr.selected, div.grid tr.selected .boolean
{
	cursor: pointer;
	background:#666 url("app?service=asset&sp=/resources/images/tab_background.png") repeat-x top;
	color: #FFFFFF;	
}

div.grid tr.selected .boolean
{
	font-weight:bold;
}

div.grid tr.selected td a
{
    color: #FFFFFF; 
}

.grid input.date, .controlCell input.date
{
	width:7.9em;
	
}
div.grid input.numeric {
	margin-right: 0;
	margin-left: 0;
}

div.grid .exposeArrow
{
	background-image:url(app?service=asset&sp=/resources/images/exposed_not.png);
	_background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/exposed_not.png', sizingMethod='scale');
}

div.grid .exposeArrowExposed
{
	background-image:url(app?service=asset&sp=/resources/images/exposed.png);
	_background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/exposed.png', sizingMethod='scale');
}

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 .close
{
	float:right;
	margin-top:-10px;
	margin-right: -10px;
	_margin-right: 0px
}

#rightClickMenu
{
	display:none;
	position:absolute;
	z-index:10000;
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	color: #000000;
	padding: 2px;
	width: 180px;
	cursor: pointer;
}
#rightClickMenu ul
{
	padding: 0px;
	margin: 0px;
}
#rightClickMenu li
{
	list-style: none;
	padding-left: 20px;
}
#rightClickMenu li:hover
{
	background-color: #0254BA;
	color: #FFFFFF;
}

td.pages td
{
	vertical-align:middle;
	font-size:80%;	
}

td.pages input
{
	font-size: 100%;	
}

td.pages .vertical-line {
		display:inline;    
        border-left: 1px solid #999999;
        height: 20px;    
}

/**********************************
 * Grid Sizes
 *********************************/
 
.mediumSmallGrid {
	width: 38em;
}

.smallGrid {
	width: 250px;
}

.mediumGrid {
	width: 45em;
}

.largeGrid {
	width: 650px;
}

.fullGrid {
	width: 730px;
}

.extraLargeGrid {
	width: 800px;
}


/*************************************
 *
 *  Popup Settings
 *
 *************************************/

div.popupMenu
{
	position: absolute;
    display:none;
	border: thin outset;
	z-index:100;
	background-color:white;
}
div.popupMenu ul{
    margin-left: 1em  
}
div.popupMenu a
{
	display: block;
	background-color: white;
	color: black; 
	text-decoration: none;
	padding-right:2em;
}

div.popupMenu a:visited
{
	background-color: white;
	color: black; 
	text-decoration: none;
}

div.popupMenu a:hover {
    background-color: black;
	 color: white;
}
ul.newListStyle li
{	
		list-style: disc inside;
		border-bottom: 1px solid #CCCCCC;
}




/*************************************
 *
 * Self Service Button Settings
 *
 *************************************/
 
input.button, input.buttonHover {
	cursor: pointer; 
	color: #000; 
	text-align:center;
	border:0;
	font-size:80%;
	overflow:visible;	
}
input.button, input.buttonHover
{
	margin:0;
	padding:0;
	width: 8.6em;
	background:transparent url("app?service=asset&sp=/resources/images/button_white_medium.png") no-repeat bottom;
	margin-right:5px;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/button_white_medium.png', sizingMethod='scale');	
}

input.buttonDisabled, input.buttonDisabled:hover, input.buttonDisabled:focus, input.buttonDisabled:active
{
	pointer: default;
	color: #999;
}

input.smallButton
{
	width: 5.83em;
	background:transparent url("app?service=asset&sp=/resources/images/button_white.png") no-repeat bottom;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/button_white.png', sizingMethod='scale');
}

input.mediumButton
{
	width: 8.6em;
	background:transparent url("app?service=asset&sp=/resources/images/button_white_medium.png") no-repeat bottom;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/button_white_medium.png', sizingMethod='scale');
	
}

input.largeButton
{
	width: 11em;
	background:transparent url("app?service=asset&sp=/resources/images/button_white_large.png") no-repeat bottom;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/button_white_large.png', sizingMethod='scale');
}

input.veryLargeButton
{
	width: 25em;
	background:transparent url("app?service=asset&sp=/resources/images/button_white_large.png") no-repeat bottom;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/button_white_large.png', sizingMethod='scale');
}

.buttonHover {
	border:0;
	cursor: pointer;
	color: #AAA;
}

.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;
}






/*************************************
 *
 * Self Service Tab Settings
 *
 *************************************/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
div.horizontalTabContent .horizontalTabs {margin:0 0.5em 0 0;}



.horizontalTabs,.horizontalTabs li{margin:0;padding:0;list-style:none;}

div.horizontalTabContent li em{font-style:normal;font-size:80%;}

div.horizontalTabContent{position:relative;zoom:1;margin-left:10px;}


div.horizontalTabContent .horizontalTabs li{display:inline-block;display:-moz-inline-stack;*display:inline;vertical-align:bottom;cursor:pointer;zoom:1;}

.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li{display:block;}

div.horizontalTabContent .horizontalTabs a{Xoutline:0;}

div.horizontalTabContent .horizontalTabs a{Xposition:relative;}

div.horizontalTabContent .horizontalTabs li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a{display:block;display:inline-block;vertical-align:bottom;zoom:1;}

.yui-navset-left .yui-nav li a,.yui-navset-right .yui-nav li a{display:block;}

.yui-navset-bottom .yui-nav li a{vertical-align:text-top;}

div.horizontalTabContent .horizontalTabs li a em,.yui-navset-top .yui-nav li a em,.yui-navset-bottom .yui-nav li a em{display:block;}

div.horizontalTabContent .horizontalTabs li{margin:0 0.16em 0 0;padding:1px 0 0;zoom:1;}

div.horizontalTabContent .horizontalTabs .selected{margin:0 0.16em -1px 0;}

div.horizontalTabContent .horizontalTabs a{background:#666666 url("app?service=asset&sp=/resources/images/tab_background.png") repeat-x;border:solid #333;border-width:0 1px;color:#EEE;position:relative;text-decoration:none;font-weight:bold;}

div.horizontalTabContent .horizontalTabs a em{border:solid #333;border-width:1px 0 0;cursor:hand;padding:0.25em .75em;left:0;right:0;bottom:0;top:-1px;position:relative;}
div.horizontalTabContent .horizontalTabs .selected a,div.horizontalTabContent .horizontalTabs .selected a:focus,div.horizontalTabContent .horizontalTabs .selected a:hover{background:#FFF url(../../../../assets/skins/sam/sprite.png) repeat-x left -1400px;color:#333;}

div.horizontalTabContent .horizontalTabs a:hover,div.horizontalTabContent .horizontalTabs a:focus{background:#888 repeat-x left -1300px;outline:0;}

div.horizontalTabContent .horizontalTabs .selected a em{padding:0.35em 0.75em;}

div.horizontalTabContent .horizontalTabs .selected a,div.horizontalTabContent .horizontalTabs .selected a em{border-color:#000;}
div.horizontalTabContent .horizontalTabs .selected a:focus{background:#DDD};


/*************************************
 *
 *  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: 91%;
  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;
}




/* ajax content update progress pane */

#innerprogress 
{
	width: 100%;
	height: 100%;
	background: url("app?service=asset&sp=/resources/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;	
}

#progressBarProcessingContainer {
	filter:alpha(opacity=100);
	opacity: 1;	
	width:100%;
	background-color: white;
	
}
#progressBarProcessingContainer div.progressBar {
	margin: 2em auto 0 auto;
}

div.progressBar {
	padding:1px;
	border: thin solid black;
	float: center;
}

div.progressBar table {
	border-collapse: separate;
	border: thin solid white;
	width:100%;
	height:100%;
}

div.progressBar td {
	border: thin solid white;
}

/* 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/images/windowThemes/alert/progress_large.gif") no-repeat 150px;
	opacity: 1;
	filter:alpha(opacity=100);	
}

/* 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;
} 
 
 
 
 
 
 
/*************************************
 *
 * Self Service Search Browser Settings
 *
 *************************************/ 
/* styles for the browse component */

div.browser 
{
	background-color: white;
}
table.browser {
	width:100%;
/*	border-collapse: collapse;*/
	color: black;
}

table.browser th
{
	background-color: #999999;
}
table.browser th a
{
	text-decoration: none;
}
.titlebar a {
	color: blue;
}

table.browser td 
{
	margin:5px;
}
div.browser tr.odd
{
	background-color: #F5F5F5;
	cursor: pointer;
}
div.browser tr.even
{
	cursor: pointer;
}

div.browser tr.oddHighlight
{
	cursor: pointer;
	color:white;
	background-color: #053768;
}

div.browser tr.evenHighlight
{
	cursor: pointer;
	color:white;
	background-color: #053768;
}

div.browser span.pages
{
	float:right;
	padding-bottom: 2px;
}

iframe
{
	border: none;
}
/* styles for dynamic popup search screen */
iframe.searchFrame
{
z-index:900;
/*	position:absolute;*/
	height: 25em;
	width:65em;
	display:none; 
/*	background-color: #F5F5F5;*/
/*	border: outset;*/
/*	z-index:1;*/
	background-color: White; 
	border: 1px solid #A9A9A9; 
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	overflow : hidden;
}

.spacer
{
	clear:both;
}

table.browser table
{
	float: left;
}

.IFrameDiv
{
	top: 150px;
	left: 150px;
	display:none;
	position:absolute;
	background: url('app?service=asset&sp=/resources/images/shadow.gif') no-repeat bottom right;
	clear: right;
	float: right;
	margin: 50px 0px 0px 150px;
	padding: 0;
	height: auto;
	width:auto;
}




/*************************************
 *
 *  Datasheet Settings
 *
 *************************************/
table.datasheetForm
{
	width:100%;
	
}

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;
}
.datasheetFormValue
{
	width:17em;
	border-bottom:thin solid #DCE9F0;
}

.datasheetFormValueNumeric
{
	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;
}
.datasheetFormComments
{
	padding-left:1em;
}
.datasheetFormComments input
{
	width:90%;
}

div.datasheetFormGroup
{
	height: auto;
}





/*************************************
 *
 * Self Service Datasheet Settings
 *
 *************************************/ 
.datasheetFormValue
{
	border-bottom:1px solid #CCCCCC;
}

.datasheetFormLabel
{
	border-bottom:1px solid #CCCCCC;
	padding-left: 10px;
	background-image: url(app?service=asset&sp=/resources/images/unchecked.gif);
	background-position: left;
	background-repeat: no-repeat;
	vertical-align: middle;

}


.datasheetFormLabelDone
{
	border-bottom:1px solid #CCCCCC;
	padding-left: 10px;
	background-image: url(app?service=asset&sp=/resources/images/checked.gif);
	background-position: left;
	background-repeat: no-repeat;
	vertical-align: middle;
}

td.datasheetFormLabel span {font-weight: bolder;}
td.datasheetFormLabelDone span {font-weight: bolder;}








/*************************************
 *
 *  Address Settings
 *
 *************************************/
#col4filler
{
	width: 11em;
}

table.address td.col4 input
{
	width:95%;
}

table.address td.col4 input#zip
{
	width:78%;
}

table.address td.col4 select
{
	width:96%;
}

table.address td.col2 input
{
	width:98%;
}

table.address td.col2 select
{
	width:98%;
}

table.address #addresshr
{
	width:100%;
}

div.addressStandadizationContainer{
	height:250px;	
	overflow-y:auto;	
}
div.addressStandadizationContainer .messages{
	margin: .5em;
}

div.addressStandadizationContainer ul{
	list-style: disc;
	list-style-position: inside;	
}
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;
	text-align: left;
	margin: 0em;
}
/*DATA TYPES*/
div.contactInfoContainer input.phone{
	text-align:left;
	width:10em;
}

div.contactInfoContainer input.ext{
	text-align:left;
	width:5em;
}

div.contactInfoContainer input.email{
	width: 18em;
}

div.contactInfoContainer select.subtype{
	width:10em;
}
/*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{
	font-weight: bold;
}

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;	
}

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: url('app?service=asset&sp=/resources/images/add_gray.png');
	background-repeat: no-repeat;
	_background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/add_gray.png', sizingMethod='crop');
	height:12px;
	width:12px;
}

div.contactInfoContainer .addButton:hover
{
	background-image: url('app?service=asset&sp=/resources/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/images/delete-no-border-over.gif);	
}
.contactInfoHistoryContainer td.RECORD_TYPEColumnValue div.I{
	background-image: url(app?service=asset&sp=/resources/images/add12.gif);	
}
.contactInfoHistoryContainer td.RECORD_TYPEColumnValue div.U{
	background-image: url(app?service=asset&sp=/resources/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: #FCF9D8;	
}

/****************************************************************************************
	End CONTACT_INFO_HISTORY
/****************************************************************************************/





/*************************************
 *
 *  Attribute type Settings
 *
 *************************************/

.BO {
}

.C1 {
	width: 7em;
}

.C2 {
	width: 12em;
}

.C3 {
	width: 18em;
}
.C4 {
	width: 25em;
}
.C5 {
	width: 3em;
}
.C6 {
	width: 20em;
}
.C7 {
	width: 20em;
}
.C8 {
	width: 20em;
}
.C9 {
	width: 25em;
}
/*.CD{
	width:2em;
}*/
.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;
}

/* 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;
}






/*************************************
 *
 *  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/images/paging/grid-blue-split.gif') no-repeat;
}

div.liveSearchPaging div.firstPage button
{
	background-image: url('app?service=asset&sp=/resources/images/paging/page-first.gif');
}

div.liveSearchPaging div.firstPage button.disabled
{
	background-image: url('app?service=asset&sp=/resources/images/paging/page-first-disabled.gif');
	cursor:default;
}

div.liveSearchPaging div.pageBack button
{
	background-image: url('app?service=asset&sp=/resources/images/paging/page-prev.gif');
}

div.liveSearchPaging div.pageBack button.disabled
{
	background-image: url('app?service=asset&sp=/resources/images/paging/page-prev-disabled.gif');
	cursor:default;
}

div.liveSearchPaging div.lastPage button
{
	background-image: url('app?service=asset&sp=/resources/images/paging/page-last.gif');
}

div.liveSearchPaging div.lastPage button.disabled
{
	background-image: url('app?service=asset&sp=/resources/images/paging/page-last-disabled.gif');
	cursor:default;
}

div.liveSearchPaging div.pageNext button
{
	background-image: url('app?service=asset&sp=/resources/images/paging/page-next.gif');
}

div.liveSearchPaging div.pageNext button.disabled
{
	background-image: url('app?service=asset&sp=/resources/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;
	margin:auto;
	font-size: 91%;
	
}
#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;
}



/*************************************
 *
 *  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;
	}



	
/*************************************
 *
 *  Box Styles
 *
 *************************************/

div.box {
   margin: 3px;
   z-index:1;
}

div.box .c {
 /* common rounded-border box style */
 position:relative; /* for IE with -ve margins case (preventing overlap without background color) */
 font-size:1px;
 height:3px;
}

div.box .hd {
 background:transparent url("app?service=asset&sp=/resources/images/containers/tl.gif") no-repeat 0px 0px;
}

div.box .hd .c {
 background:transparent url("app?service=asset&sp=/resources/images/containers/tr.gif") no-repeat 100% 0px;
}

div.box .bd {
 border:1px solid #b5b5af;
 border-top:none;
 border-bottom:none;
}

div.box .ft {
 background:transparent url("app?service=asset&sp=/resources/images/containers/bl.gif") no-repeat 0px 0px;
}

div.box .ft .c {
 background:transparent url("app?service=asset&sp=/resources/images/containers/br.gif") no-repeat 100% 0px;
}

/**
 Box 1
*******************************/
div.box1 {
	background-color: #D1D8E9;
}

div.box1 .hd {
 background:transparent url("app?service=asset&sp=/resources/images/containers/tl_1.gif") no-repeat 0px 0px;
}

div.box1 .hd .c {
 background:transparent url("app?service=asset&sp=/resources/images/containers/tr_1.gif") no-repeat 100% 0px;
}

div.box1 .bd {
 border:1px solid #D1D8E9;
}

div.box1 .ft {
 background:transparent url("app?service=asset&sp=/resources/images/containers/bl_1.gif") no-repeat 0px 0px;
}

div.box1 .ft .c {
 background:transparent url("app?service=asset&sp=/resources/images/containers/br_1.gif") no-repeat 100% 0px;
}

/**
 Box 2
*******************************/
div.box2 {
	background-color: #C3C3C3;
    background: url("app?service=asset&sp=/resources/images/controlPanel_background.gif") bottom;
	background-repeat: repeat-x;
}

div.box2 .hd {
 background:transparent url("app?service=asset&sp=/resources/images/containers/tl_2.gif") no-repeat 0px 0px;
}

div.box2 .hd .c {
 background:transparent url("app?service=asset&sp=/resources/images/containers/tr_2.gif") no-repeat 100% 0px;
}

div.box2 .bd {
 border:none;
}

div.box2 .ft {
 background:transparent url("app?service=asset&sp=/resources/images/containers/bl_2.gif") no-repeat 0px 0px;
}

div.box2 .ft .c {
 background:transparent url("app?service=asset&sp=/resources/images/containers/br_2.gif") no-repeat 100% 0px;
}

/**
 Box 3
*******************************/
div.box3 {
	background-color: #E8E8E8;
}

div.box3 .hd {
 background:transparent url("app?service=asset&sp=/resources/images/containers/tl_3.gif") no-repeat 0px 0px;
}

div.box3 .hd .c {
 background:transparent url("app?service=asset&sp=/resources/images/containers/tr_3.gif") no-repeat 100% 0px;
}

div.box3 .bd {
 border:none;
}

div.box3 .ft {
 background:transparent url("app?service=asset&sp=/resources/images/containers/bl_3.gif") no-repeat 0px 0px;
}

div.box3 .ft .c {
 background:transparent url("app?service=asset&sp=/resources/images/containers/br_3.gif") no-repeat 100% 0px;
}

/**
 Box 5
*******************************/
div.box5 {
	background-color: #FFFFFF;
}

div.box5 .hd {
 background:transparent url("app?service=asset&sp=/resources/images/containers/5_tl.gif") no-repeat 0px 0px;
}

div.box5 .hd .c {
 background:transparent url("app?service=asset&sp=/resources/images/containers/5_tr.gif") no-repeat 100% 0px;
}

div.box5 .bd {
 border-left-style:solid;
 border-left-color:#B5B5AF;
 border-left-width:1px;
}

div.box5 .ft {
 background:transparent url("app?service=asset&sp=/resources/images/containers/5_bl.gif") no-repeat 0px 0px;
}

div.box5 .ft .c {
 background:transparent url("app?service=asset&sp=/resources/images/containers/5_br.gif") no-repeat 100% 0px;
}


.infobox{
	text-align: left;
	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/images/Info32.gif);
	background-color: #FFFFB9;
	background-position: left;
	background-repeat: no-repeat;
}

div.smallWidget
{
	width:310px;
}

/** FilterView Component
******************/
div.filterView div.expand
{
	cursor:pointer;
	width: 8px;
	height:8px;
	margin-top:3px;
	background: transparent url("app?service=asset&sp=/resources/images/collapsed_arrow.gif") no-repeat;
}

div.filterView .expanded div.expand
{
	background: transparent url("app?service=asset&sp=/resources/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/images/filterView.gif") repeat-x;
	background-position: 0pt -30px;
}

div.filterView .expanded .tab .left
{
	background: transparent url("app?service=asset&sp=/resources/images/filterView.gif") no-repeat;
	background-position: 0pt 0px;
}

div.filterView .expanded .tab .right
{
	background: transparent url("app?service=asset&sp=/resources/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/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;
	overflow-x:auto;
}


/* end filter view component
******************************/

/****** 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 **************/

/***** 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; 
	font-size: 106%;
}
div.showSort tr th
{
	background:#E1E488;
}
div.showSort tr.sorted td
{
	background:#EEEEEE;
}

.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/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
{
	width:98%;
	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-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;
}

td.groupRows .expand, td.groupLevels .expand
{
	background-image:url(app?service=asset&sp=/resources/images/expand.gif);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/expand.gif', sizingMethod='crop');
}

td.groupRows .collapse, td.groupLevels .collapse
{
	background-image:url(app?service=asset&sp=/resources/images/collapse.gif);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/collapse.gif', sizingMethod='crop');
}

th.groupRowsHeader .expand, th.groupLevelsHeader .expand
{
	background-image:url(app?service=asset&sp=/resources/images/expandAll.gif);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/expandAll.gif', sizingMethod='crop');
}

th.groupRowsHeader .collapse, th.groupLevelsHeader .collapse
{
	background-image:url(app?service=asset&sp=/resources/images/collapseAll.gif);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/collapseAll.gif', sizingMethod='crop');
}

.tableControls .gridFilter
{
	background-image:url(app?service=asset&sp=/resources/images/grid_filter.png);
	_background-image: none;
	background-position: bottom left;
	width:44px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/grid_filter.png', sizingMethod='crop');
}

.tableControls .gridFilter:hover
{
	background-image:url(app?service=asset&sp=/resources/images/grid_filter_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:44px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/grid_filter_hover.png', sizingMethod='crop');
}

.tableControls .gridModify
{
	background-image:url(app?service=asset&sp=/resources/images/modify_grid.png);
	_background-image: none;
	background-position: bottom left;
	width:55px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/modify_grid.png', sizingMethod='crop');
}

.tableControls .gridModify:hover
{
	background-image:url(app?service=asset&sp=/resources/images/modify_grid_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:55px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/modify_grid_hover.png', sizingMethod='crop');
}

.tableControls .gridExecute
{
	background-image:url(app?service=asset&sp=/resources/images/execute.png);
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/execute.png', sizingMethod='crop');
}

.tableControls .gridExecute:hover
{
	background-image:url(app?service=asset&sp=/resources/images/execute_hover.png);
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/execute_hover.png', sizingMethod='crop');
}

.tableControls .gridClear
{
	background-image:url(app?service=asset&sp=/resources/images/grid_clear.png);
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/grid_clear.png', sizingMethod='crop');
}

.tableControls .gridClear:hover
{
	background-image:url(app?service=asset&sp=/resources/images/grid_clear_hover.png);
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/grid_clear_hover.png', sizingMethod='crop');
}

.tableControls .gridSort
{
	background-image:url(app?service=asset&sp=/resources/images/sort_menu.png);
	_background-image: none;
	background-position: bottom left;
	width:42px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/sort_menu.png', sizingMethod='crop');
}

.tableControls .gridSort:hover
{
	background-image:url(app?service=asset&sp=/resources/images/sort_menu_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:42px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/sort_menu_hover.png', sizingMethod='crop');
}

.tableControls .gridReset
{
	background-image:url(app?service=asset&sp=/resources/images/reset.png);
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/reset.png', sizingMethod='crop');
}

.tableControls .gridReset:hover
{
	background-image:url(app?service=asset&sp=/resources/images/reset_hover.png);
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/reset_hover.png', sizingMethod='crop');
}

.tableControls .gridCancel
{
	background-image:url(app?service=asset&sp=/resources/images/cancel.png);
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/cancel.png', sizingMethod='crop');
}

.tableControls .gridCancel:hover
{
	background-image:url(app?service=asset&sp=/resources/images/cancel_hover.png);
	_background-image: none;
	background-position: bottom left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/cancel_hover.png', sizingMethod='crop');
}

.tableControls .gridColumns
{
	background-image:url(app?service=asset&sp=/resources/images/grid_columns.png);
	_background-image: none;
	background-position: bottom left;
	width:63px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/grid_columns.png', sizingMethod='crop');
}

.tableControls .gridColumns:hover
{
	background-image:url(app?service=asset&sp=/resources/images/grid_columns_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:63px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/grid_columns_hover.png', sizingMethod='crop');
}

.tableControls .gridSingleRow
{
	background-image:url(app?service=asset&sp=/resources/images/view_single_row.png);
	_background-image: none;
	background-position: bottom left;
	width:70px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/view_single_row.png', sizingMethod='crop');
}

.tableControls .gridSingleRow:hover
{
	background-image:url(app?service=asset&sp=/resources/images/view_single_row_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:70px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/view_single_row_hover.png', sizingMethod='crop');
}

.tableControls .gridPrint
{
	background-image:url(app?service=asset&sp=/resources/images/print_2.png);
	_background-image: none;
	background-position: bottom left;
	width:44px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/print_2.png', sizingMethod='crop');
}

.tableControls .gridPrint:hover
{
	background-image:url(app?service=asset&sp=/resources/images/print_2_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:44px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/print_2_hover.png', sizingMethod='crop');
}

.tableControls .gridExport
{
	background-image:url(app?service=asset&sp=/resources/images/convert_small.png);
	_background-image: none;
	background-position: bottom left;
	width:55px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/convert_small.png', sizingMethod='crop');
}

.tableControls .gridExport:hover
{
	background-image:url(app?service=asset&sp=/resources/images/convert_small_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:55px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/convert_small_hover.png', sizingMethod='crop');
}

.tableControls .gridXlsExport
{
	background-image:url(app?service=asset&sp=/resources/images/document_xls.png);
	_background-image: none;
	background-position: bottom left;
	width:40px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/document_xls.png', sizingMethod='crop');
}

.tableControls .gridXlsExport:hover
{
	background-image:url(app?service=asset&sp=/resources/images/document_xls_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:40px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/document_xls_hover.png', sizingMethod='crop');
}

.tableControls .gridPdfExport
{
	background-image:url(app?service=asset&sp=/resources/images/document_pdf.png);
	_background-image: none;
	background-position: bottom left;
	width:40px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/document_pdf.png', sizingMethod='crop');
}

.tableControls .gridPdfExport:hover
{
	background-image:url(app?service=asset&sp=/resources/images/document_pdf_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:40px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/document_pdf_hover.png', sizingMethod='crop');
}

.tableControls .gridNumRecords
{
	background-image:url(app?service=asset&sp=/resources/images/records_number.png);
	_background-image: none;
	background-position: bottom left;
	width:60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/records_number.png', sizingMethod='crop');
}

.tableControls .gridNumRecords:hover
{
	background-image:url(app?service=asset&sp=/resources/images/records_number_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/records_number_hover.png', sizingMethod='crop');
}

.tableControls .gridAddon
{
	background-image:url(app?service=asset&sp=/resources/images/toolset.png);
	_background-image: none;
	background-position: bottom left;
	width:55px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/toolset.png', sizingMethod='crop');
}

.tableControls .gridAddon:hover
{
	background-image:url(app?service=asset&sp=/resources/images/toolset_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:55px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/toolset_hover.png', sizingMethod='crop');
}

.tableControls .gridExpandControls
{
	background-image:url(app?service=asset&sp=/resources/images/expandAll.gif);
	_background-image: none;
	background-position: bottom left;
	width:60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/expandAll.gif', sizingMethod='crop');
}

.tableControls .gridExpandControls:hover
{
	background-image:url(app?service=asset&sp=/resources/images/expandAllHigh.gif);
	_background-image: none;
	background-position: bottom left;
	width:60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/expandAllHigh.gif', sizingMethod='crop');
}

.tableControls .gridCollapseControls
{
	background-image:url(app?service=asset&sp=/resources/images/collapseAll.gif);
	_background-image: none;
	background-position: bottom left;
	width:60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/collapseAll.gif', sizingMethod='crop');
}

.tableControls .gridCollapseControls:hover
{
	background-image:url(app?service=asset&sp=/resources/images/collapseAllHigh.gif);
	_background-image: none;
	background-position: bottom left;
	width:60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/collapseAllHigh.gif', sizingMethod='crop');
}

.tableControls .gridAddRow
{
	background-image:url(app?service=asset&sp=/resources/images/add_inline.png);
	_background-image: none;
	background-position: bottom left;
	width:38px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/add_inline.png', sizingMethod='crop');
}

.tableControls .gridAddRow:hover
{
	background-image:url(app?service=asset&sp=/resources/images/add_inline_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:38px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/add_inline_hover.png', sizingMethod='crop');
}

.tableControls .gridInsertRow
{
	background-image:url(app?service=asset&sp=/resources/images/insert_inline.png);
	_background-image: none;
	background-position: bottom left;
	width:45px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/insert_inline.png', sizingMethod='crop');
}

.tableControls .gridInsertRow:hover
{
	background-image:url(app?service=asset&sp=/resources/images/insert_inline_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:45px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/insert_inline_hover.png', sizingMethod='crop');
}

.tableControls .gridAddMember
{
	background-image:url(app?service=asset&sp=/resources/images/add_member.png);
	_background-image: none;
	background-position: bottom left;
	width:65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/add_member.png', sizingMethod='crop');
}

.tableControls .gridAddMember:hover
{
	background-image:url(app?service=asset&sp=/resources/images/add_member_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:65px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/add_member_hover.png', sizingMethod='crop');
}

.tableControls .gridCopyRow
{
	background-image:url(app?service=asset&sp=/resources/images/copy_inline.png);
	_background-image: none;
	background-position: bottom left;
	width:48px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/copy_inline.png', sizingMethod='crop');
}

.tableControls .gridCopyRow:hover
{
	background-image:url(app?service=asset&sp=/resources/images/copy_inline_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:48px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/copy_inline_hover.png', sizingMethod='crop');
}

.tableControls .gridDeleteRow
{
	background-image:url(app?service=asset&sp=/resources/images/delete_inline.png);
	_background-image: none;
	background-position: bottom left;
	width:50px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/delete_inline.png', sizingMethod='crop');
}

.tableControls .gridDeleteRow:hover
{
	background-image:url(app?service=asset&sp=/resources/images/delete_inline_hover.png);
	_background-image: none;
	background-position: bottom left;
	width:50px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/delete_inline_hover.png', sizingMethod='crop');
}

.tableControls .gridLoadPrior
{
	background-image:url(app?service=asset&sp=/resources/images/load.gif);
	_background-image: none;
	background-position: bottom left;
	width:60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/load.gif', sizingMethod='crop');
}

.tableControls .gridLoadPrior:hover
{
	background-image:url(app?service=asset&sp=/resources/images/loadHigh.gif);
	_background-image: none;
	background-position: bottom left;
	width:60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/images/loadHigh.gif', sizingMethod='crop');
}

.pages .gridFirst
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingFirst.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;                                     
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingFirst.png', sizingMethod='crop');
}

.pages .gridFirst:hover
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingFirstHover.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingFirstHover.png', sizingMethod='crop');
}

.pages .gridFirstDisabled
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingFirstDisabled.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingFirstDisabled.png', sizingMethod='crop');
}

.pages .gridLast
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingLast.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;                                     
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingLast.png', sizingMethod='crop');
}

.pages .gridLast:hover
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingLastHover.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingLastHover.png', sizingMethod='crop');
}

.pages .gridLastDisabled
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingLastDisabled.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingLastDisabled.png', sizingMethod='crop');
}

.pages .gridNext
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingNext.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;                                     
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingNext.png', sizingMethod='crop');
}

.pages .gridNext:hover
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingNextHover.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingNextHover.png', sizingMethod='crop');
}

.pages .gridNextDisabled
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingNextDisabled.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingNextDisabled.png', sizingMethod='crop');
}

.pages .gridPrev
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingPrev.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;                                     
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingPrev.png', sizingMethod='crop');
}

.pages .gridPrev:hover
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingPrevHover.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingPrevHover.png', sizingMethod='crop');
}

.pages .gridPrevDisabled
{
	background-image:url(app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingPrevDisabled.png);
	_background-image: none;
	background-position: bottom left;
	width:16px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/com/vitechinc/v3/core/view/components/images/PagingPrevDisabled.png', sizingMethod='crop');
}
/***** End of Table Controls ***********/

.pageMessage
{
	margin-top:10px;
	margin-bottom:20px;
}

.bottomPageMessage
{
	margin-top:20px;
	margin-bottom:10px;
}

#news .newsItem
{
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: solid 1px #DDD;
}

.dialog input
{
	font-size: 100%;
}

/******** FAQ Content ***********/
.faqContent ol
{
	list-style-type: decimal;
	margin-left: 20px;
	margin-top:10px;
	margin-bottom:10px;
}

.faqContent ul
{
	list-style-type: disc;
	margin-left: 20px;
	margin-top:10px;
	margin-bottom:10px;
}

.faqContent strong
{
	font-weight:bold;	
}

.faqContent p
{
	padding-top: 10px;
}

/******* End FAQ Content *******/
/****** Single Record Viewer **************/
.singleRecordWindow .title_window
{
	font-weight:bold;
}

.singleRecContainer
{
	width: 100%;
	overflow:auto;
}

.singleRecContainer div.grid table
{
	font-size: 100%;
}

.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/images/paging/page-first.gif");
}
.singleRecPrev
{
	background-image: url("app?service=asset&sp=/resources/images/paging/page-prev.gif");
}
.singleRecNext
{
	background-image: url("app?service=asset&sp=/resources/images/paging/page-next.gif");
}
.singleRecLast
{
	background-image: url("app?service=asset&sp=/resources/images/paging/page-last.gif");
}
.disablePrev .singleRecFirst
{
	background-image: url("app?service=asset&sp=/resources/images/paging/page-first-disabled.gif");
}
.disablePrev .singleRecPrev
{
	background-image: url("app?service=asset&sp=/resources/images/paging/page-prev-disabled.gif");
}
.disableNext .singleRecNext
{
	background-image: url("app?service=asset&sp=/resources/images/paging/page-next-disabled.gif");
}
.disableNext .singleRecLast
{
	background-image: url("app?service=asset&sp=/resources/images/paging/page-last-disabled.gif");
}
/****** End of Single Record Viewer **************/

.enterSecurityQuestions th
{
 width: 170px;
}

.extraExtraLargeGrid {
	width: 70em;
}

.helpButton
{
	width: 24px;
	height: 16px;
	background: url('app?service=asset&sp=/resources/eightzero/skins/base/images/help_menu.png') no-repeat;
	_background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/eightzero/skins/base/images/help_menu.png', sizingMethod='image');	
}

.helpButton:hover, .helpButton:active, .helpButton:focus
{
	background: url('app?service=asset&sp=/resources/eightzero/skins/base/images/help_menu_hover.png') no-repeat;
	_background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='app?service=asset&sp=/resources/eightzero/skins/base/images/help_menu_hover.png', sizingMethod='image');	
}

.requiredNote
{
	font-style:italic;
	width:200px;
	margin-top:20px;
	font-size: 0.7em;
	background-color:#FFF;
}

.addressReadOnly
{
	font-size: 85%;
}