/****************************
 * Styles for base elements *
 ****************************/
h5
{
	margin-bottom: .2em;
	font-size: 90%;
}

pre
{
	border: solid 1px #CCC;
	background: #F5F5F5;
}

div, h1, h2, h3
{
	clear: both;
}

tr, td
{
	vertical-align: top;
}

/* Linking */
a:link
{
	color: #00C;
	text-decoration: underline;
}
a:visited
{
	color: #606;
}
a:hover, a:active
{
	color: #F00;
}

/******************* 
 * Popup classes *
 *******************/
body.popupmargin
{
	padding: 1%;
}
iframe.popup
{
	width: 100%;
	height: 100%;
	border: none;
}

/***************************
 * Styles for the calendar *
 ***************************/
table.calendar
{
	background: #E5E5E5;
	margin: 0;
	width: 100%;
	border: none;
}
table.calendar td
{
	border: solid 1px #FFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table.calendar table td, table.calendar table, table.calendardropdown td
{
	border: none;
}

table.calendar td.othermonthday
{
	background: #F5F5F5;
	color: #CCC;
}
table.calendar td.dayheader
{
	background: #9CF;
}
table.calendar td.nextprev
{
	border: none;
	color: #FFF;
	font-weight: bold;
}
table.calendar td.selectedday
{
	background: #CCC;
}
table.calendar a, table.calendar a:visited, table.calendar a:link
{
	text-decoration: none;
	color: #00F;
}
table.calendar a:hover, table.calendar a.active
{
	text-decoration: none;
	color: #F00;
}
table.calendardropdown
{
	border: none;
	margin: 0;
	padding: 0;
}
table.calendardropdown select
{
	width: 100%;
}
table.calendar td.title
{
	background: #06C;
}

/***************************
 *       Alerts         *
 ***************************/
.alerts
{
	border: solid 1px #CCC;
	margin: 1em 0;
	padding: 0;
	border-top: none;
}
.alerts h2
{
	margin: 0;
	padding: .2em .5em;
	font-size: 90%;
	background: #f5f5f5;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.alerts h2.critical
{
	color: #F00;
}
.alerts ul
{
	margin-bottom: .5em;
	padding-right: 1.5em;
}

/***************************
 *   Sections of the page  *
 ***************************/
/* Header, instructions and status sections included in each page */

form
{
	clear: both;
	margin: 0;
	padding: 0;
}

#pageheader
{
	font-size: 130%;
}
#pageheader .col48
{
	font-size: 80%;
	font-weight: normal;
	text-align: right;
}
#instructions
{
	font-size: 90%;
}
#instructions span.mandatoryind
{
	font-size: 150%;
	float: none;
	display: inline;
}
.messages
{
	margin: .6em 0 .6em 0;
}
.messages div
{
	margin: 0 0 .7em 0;
}
.messages h4
{
	margin: 0;
	padding: 0;
}
.messages ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#profiler
{
	display: none;
	width: 100%;
}
#profiledisplay
{
	font-style: italic;
	font-size: 90%;
}
#environment
{
	width: 10em;
	color: #F00;
	font-weight: bold;
	background: #F5F5F5;
	position: absolute;
	text-align: center;
	top: 59px;
	right: 5px;
	border: solid 1px #CCC;
	font-size: 130%;
}
#h label
{
	float: none;
	font-weight: normal;
	font-size: 100%;
	width: auto;
	display: inline;
}

/*
.resultlinks {
  font-size: 80%;
  padding: 0;
  margin: 0;
  display: block;
}
*/

/******************* 
 *   Form classes  *
 *******************/

fieldset
{
	border: solid 1px #CCC;
	padding: 0 1em 0 1em;
	margin-bottom: .5em;
}
legend
{
	font-weight: bold;
	font-size: 110%;
}
label
{
	font-weight: bold;
	width: 15em;
	font-size: 90%;
	padding-top: .5em;
	float: left;
}
label.nowidth, .nowidth label
{
	float: none;
	width: auto;
	display: inline;
	vertical-align: middle;
}
label.wide
{
	width: 18em;
}
label.nostyle
{
	float: none;
	width: auto;
	font-weight: normal;
	display: inline;
	vertical-align: middle;
}

/* Mandatory indicator inside the label tag */
label em
{
	font-size: 120%;
	color: #F00;
	vertical-align: bottom;
	padding-left: .2em;
}

/* Divs inside fieldsets */
fieldset div
{
	margin: .2em 0;
	clear: both;
}

fieldset.pad div
{
	padding: .3em 0;
}

fieldset div label
{
	vertical-align: top;
}
fieldset div .group label
{
	vertical-align: middle;
}

/* Tables inside fieldsets */
fieldset table
{
	border: none;
}
fieldset table td
{
	border: none;
}

/* Applies to radio button lists. */
span.group label, table.group label
{
	float: none;
	width: auto;
	font-weight: normal;
	display: inline;
	padding-right: .5em;
}

/* Applies to checkbox list and  radio button list based controls */
span.group {
  float:left;
}
table.group tr td label
{
	vertical-align: text-top;
}

table.group
{
	display: inline;
	border: none;
}
table table.group td
{
	border: none;
}
/* Horizontal checkbox list inside fieldset.  Spaces out the options */
fieldset.optionlist
{
	display: inline;
	padding: 0 .5em 0 .5em;
}
fieldset fieldset.optionlist legend
{
	font-size: 80%;
}
fieldset.optionlist label
{
	float: none;
	width: auto;
	font-weight: normal;
	margin-right: 2em;
	display: inline;
}
/* Validator summary */
#vldSummary
{
	margin-bottom: 1em;
	margin-top: -1.4em;
	padding: 0;
	border: none;
}
#vldSummary ul
{
	list-style-type: none;
	margin: 0;
}
#vldSummary td
{
	border: none;
}
/* styles for the centre lookup form */
form#frmCentre label
{
	width: 5em;
	font-size: 70%;
}
form#frmCentre label.nowidth
{
	width: auto;
	float: none;
	margin-right: .5em;
	display: inline;
}
/* Used for divs containing a textarea */
div.textarea
{
	float: left;
	clear: none;
	padding: 0;
}
div.textarea p
{
	clear: none;
	margin: 0;
	color: #666;
	font-size: 85%;
	font-style: italic;
}

/* red colour for exceeded characters */
.textarea p strong em
{
	color: #F00;
}

/******************* 
 * General classes *
 *******************/

/* Body with no header, blank background */
body.noheader
{
	background: #FFF;
}

/* Class to show example text */
.example
{
	color: #666;
	font-size: 85%;
	font-style: italic;
}

/* Class for image icon */
img.icon
{
	vertical-align: bottom;
}
/* Class for the icons displayed in table footer */
.footericon
{
	border-right: solid 1px #999;
	padding: 0 .4em;
}

/* Error message */
.errormessage
{
	font-weight: bold;
	color: #F00;
	font-size: 100%;
}
/* Success message */
.successmessage
{
	font-weight: bold;
	color: #360;
	font-size: 100%;
}
/* Warning message */
.warningmessage
{
	font-weight: bold;
	color: #F60;
	font-size: 100%;
}

fieldset .warningmessage
{
	margin: .3em 0;
}
/* Mandatory fields */
.mandatory
{
	color: #F00;
}
/* Validator fields */
.validator
{
	color: #F00;
}
/* Mandatory indicator is in an <em> tag */
.mandatoryind
{
	color: #F00;
	font-size: 120%;
}

.sectionheading
{
	border-bottom: solid 1px #CCC;
}

.tableheading
{
	font-size: 110%;
}

.processing
{
	color: #666;
	font-weight: bold;
}

a.helplink
{
	cursor: help;
}

a.nodecoration
{
	text-decoration: none;
}
/* Classes for return link */
a.returnlink:visited
{
	color: #00C;
}
a.returnlink:hover, a.returnlink:active
{
	color: #F00;
}

.noborder, .noborder td
{
	border: none;
}

.tabstrip
{
	border: none;
	margin-top: 5px;
	font-weight: bold;
}

.multipage
{
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-top: medium none;
	border-bottom: #000 1px solid;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.treeview
{
	text-decoration: none;
}

.lookupicon
{
	cursor: hand;
	vertical-align: bottom;
	margin: 0 .3em;
}

.lookupicondisabled
{
	vertical-align: bottom;
	margin: 0 .3em;
}

.scroller
{
	overflow: auto;
}

.rightalign
{
	text-align: right;
}
/* Style for setting the width of the multi-select dropdown and hiding if javascript is off */
.multiselect
{
	display: none;
	width: auto;
}
/* Class for the undo button inside edit grid */
.undogrid
{
	border-left: solid 1px #666;
	padding-left: .2em;
	margin-left: .2em;
}
/* Adds a negative top margin */
.negativetop
{
	margin-top: -.5em;
}
/* Tables */
/* Grid result table styles */
table.results
{
	border: none;
	margin: 0 .7em .4em 0;
}
table.results tr.resultsheader td
{
	background: #06C;
	color: #FFF;
	font-weight: bold;
	padding: 2px;
	vertical-align: top;
}
tr.resultsheader a
{
	color: #FFF;
}

tr.resultsheader a:hover
{
	color: #CCC;
}
table.results tr.resultsalternate td
{
	background: #F5F5F5;
}
table.results tr.resultsselected td
{
	background: #069;
	color: #FFF;
}
table.results tr.resultsnew td
{
	background: #FFC;
	color: #000;
}
table.results tr.resultserror td
{
	background: #F00;
	color: #000;
}
table.results td
{
	background: #FFF;
	color: #000;
	border: solid 1px #000;
	padding: 2px;
	font-size: 80%;
}
/* Classes for scrollable results table */
table.results table
{
	margin: 0;
}
table.results table td
{
	font-size: 100%;
}
table.results td.nopadding
{
	padding: 0;
	border: none;
}

/* Class for display of totals in footer of a table */
tr.totals
{
	font-weight: bold;
}
tr.totals td
{
	background: #CCC;
	border-top: solid 2px #000;
	padding-top: .4em;
	padding-bottom: .4em;
}

/* Class for a table displaying data with column and/or row headings */
table.data
{
	margin: .5em 0;
}
table.data td
{
	border: solid 1px #000;
	padding: 0 .3em;
}
table.data th
{
	background: #CCC;
	padding: 0 .3em;
}
table.data th.rowheader
{
	background: #E5E5E5;
}
/* Lists */
dl
{
	margin: 0;
}

/* Search criteria list */
dl.criteria, dl.resultsummary, dl.pages
{
	margin: 0;
	padding: .8em 0 .8em 0;
}
dl.criteria dt, dl.resultsummary dt, dl.pages dt
{
	width: 7.5em;
	float: left;
	font-weight: bold;
	text-align: right;
	color: #F90;
}

dl.pages dt
{
	text-align: left;
}

/* Definition list that mirrors the same style design as form labels and fields */
dl.formlist
{
	margin: .5em 0 .5em 0;
	font-size: 90%;
	border: solid 1px #CCC;
	padding: .5em 1em;
}
dl.formlist dt
{
	width: 11.5em;
	float: left;
	font-weight: bold;
	padding-bottom: .3em;
	clear: both;
}
dl.formlist dd
{
	padding-bottom: .3em;
	margin-left: 12em;
}
fieldset dl.formlist
{
	border: none;
	padding: 0;
	margin: 0;
}
fieldset dl.formlist dt, fieldset dl.formlist dd, div dl.formlist dt, div dl.formlist dd
{
	padding: .7em 0;
}

/* For wide labels. */
dl.wide dt, dl.formlist dt.wide
{
	width: 18em;
}
/* For single line definition list */
dl.singleline dt, dl.singleline dd
{
	float: left;
	width: auto;
	margin: 0;
}

dl.singleline dt
{
	padding: 0 1em 0 0;
	font-weight: bold;
}

dl.singleline dd
{
	padding: 0 2.5em 0 0;
}
/* Showing unordered lists within definition list */
.meaninglist
{
	float: left;
	clear: none;
}
.meaninglist ul
{
	list-style: none;
	padding: 0 .3em;
	margin: 0;
}
.meaninglist li
{
	margin-bottom: .2em;
}

/* Styles to turn off or turn on borders for certain block elements */
dl.noborder, table.noborder, table.noborder td, div.noborder, ul.noborder, ol.noborder
{
	border: none;
	padding: 0;
}
dl.border, table.border, div.border, ul.border, ol.border
{
	border: solid 1px #CCC;
	padding: .5em 1em;
}
ul.border, ol.border
{
	margin: .5em 0;
	padding-left: 2.5em;
}
/* Ordered list to display letters instead of numbers */
ol.letters
{
	list-style-type: lower-alpha;
}
ol.roman
{
	list-style-type: lower-roman;
}
/* List padding out the list items, embedded list items are not padded however */
.paddedlist li
{
	padding: 0 0 .7em 0;
}
.paddedlist li li
{
	padding: 0;
}
/* List showing no bullets */
.nobullets
{
	list-style: none;
	margin: .5em 0;
}

.nodisplay
{
	display: none;
}
/* Password rules */
.passwordrules
{
	font-size: .85em;
}

.passwordrules h4
{
	background: #CCC;
	margin: .3em 0 0 0;
	font-style: italic;
}

/********************************
 * Common page template styles  *
 ********************************/
/* column widths and layout */
#col51, #col48, .col51, .col48
{
	float: left;
	clear: none;
}
#col51, .col51
{
	width: 51%;
	padding-right: 1%;
}
#col48, .col48
{
	width: 47%;
}
#col66, #col33, .col66, .col33
{
	float: left;
	clear: none;
}
#col66, .col66
{
	width: 66%;
	padding-right: 1%;
}
#col33, .col33
{
	width: 33%;
}
/* Apply to block element (eg div) to float next to each other */
.inline
{
	float: left;
	margin-right: .5em;
}
.noclear
{
	clear: none;
}

.scrollabletextarea
{
	padding: 0;
	overflow: auto;
	border: inset 2px;
}

.scrolllist
{
	width: 100%;
	overflow: auto;
	height: 11em;
	border: inset 2px;
}

fieldset .scrolllist
{
	margin: .7em 0;
}

.listboxreadonly
{
	width: auto;
	overflow: auto;
	height: 7em;
	border: inset 2px;
	float: left;
	clear: none;
	padding-right: 4em;
}
.listboxreadonly ul
{
	list-style-type: none;
	padding: 0 .5em;
	margin-left: 0;
}

.listboxreadonly table td {
  white-space: nowrap;
}

.noborder
{
	border: none;
}



.right
{
	text-align: right;
}
.section
{
	border-top: solid 1px #CCC;
}

#n2, #c, #sf
{
	clear: none;
}

div.closewindow
{
	text-align: right;
	margin-top: 1em;
}
/*****************************
 * Styles for the about page *
 *****************************/
#hdgappname
{
	background: #006;
	padding: 0 .3em .3em .3em;
	text-align: center;
	color: #FFF;
}
/* Definition list used on about page */
dl.about
{
	border: solid 1px #CCC;
	padding: .2em;
}
dl.about dt
{
	font-weight: bold;
	float: left;
	width: 17em;
}
/********************************************
 * Styles for the multiselectcentre control *
 ********************************************/

.multiselectcentre, .multiselectcentre div.input, .multiselectcentre div.selectbuttons, .multiselectcentre div.selected /*, .multiselectcentre div*/
{
	clear: none;
	float: left;
}

.multiselectcentre div.selected
{
	width: auto;
}
.multiselectcentre div.selectbuttons
{
	margin: 0 .3em;
}
.multiselectcentre div.selectbuttons input
{
	display: block;
}
.multiselectcentre div.selected select
{
	width: 35em;
}
/* Multiselect centre when inside a column */
/*
div#col51 div.multiselectcentre, div#col48 div.multiselectcentre
{
  width: 70%;
}
div#col51 div.multiselectcentre div.selected, div#col48 div.multiselectcentre div.selected
{
  width: 65%;
}*/
/* Multi select readonly list */
.multiselectreadonly
{
	width: 80%;
	overflow: auto;
	height: 4em;
	border: inset 2px;
	float: left;
	clear: none;
	padding-right: 4em;
	padding-left: 1em;
}
.multiselectreadonly ul
{
	list-style-type: square;
	margin-left: 2em;
}
.multiattributesreadonly
{
	overflow: auto;
	height: 3.5em;
	width: 55%;
	clear: none;
	border: inset 2px;
	padding-right: 4em;
	padding-left: 0.1em;
}
dl.formlist dt.labelabove, dl.formlist dd.labelabove
{
	display: block;
	float: none;
	clear: both;
	margin: .4em 0;
	padding: 0;
}
.multiselectlistboxreadonly
{
	width: 100%;
	overflow: auto;
	height: 8em;
	border: inset 2px;
	float: left;
	clear: none;
	padding-right: 1em;
	padding-left: 1em;
	text-align: left;
}
ul.multiselectlistboxreadonly, div.multiselectcentre
{
	clear: none;
	float: left;
}
/*********************************************
 * Styles for the multiselectlistbox control *
 *********************************************/

label.addremove
{
	/*width: 48%;   margin: 0.2em;*/
	width: 18%;
	margin: 0 .4em;
	padding-bottom: .1em;
	background: #ccc;
}
label.blank
{
	width: 28.5%;
	margin: 0 .4em;
	padding-bottom: .1em;
	float: left;
}
label.alignleft
{
	width: 18%;
	margin: 0 .4em;
	background: #ccc;
	padding-bottom: .1em;
	float: left;
}

fieldset legend em.mandatoryind
{
	font-size: 100%;
	padding-left: .3em;
}

div.addremove
{
	padding: 0;
	bottom: 0;
	float: none;
}
div.addremove div
{
	clear: none;
	float: left;
	width: 48%;
	padding-left: .3em;
	padding-top: 0em;
}
div.addremove input, div.addremove select, div.addremove label
{
	width: 100%;
	display: block;
	margin: 0;
}
div.addremove label
{
	width: 100%;
	margin: 0;
	padding: .2em;
	float: none;
	background: #CCC url(../_images/menu-gradient.png) repeat center;
}
div.addremove ul
{
	margin-left: 2em;
	padding-left: 2em;
	width: 50%;
	float: left;
}

div.addremove label em
{
	display: none;
}

div.addremove div.readonly label
{
	background: none;
	width: 14em;
	float: left;
}
div.addremove div.readonly label.nowidth
{
	width: auto;
	float: none;
}
div.addremove div.readonly br
{
	display: none;
}
div.addremove div.readonly ul
{
	list-style-type: disc;
	width: 100%;
	margin: 0; /*padding: 0;*/
}

div.addremove div.readonly div.listboxreadonly
{
	float: left;
	clear: none;
	width: auto;
}
div.addremove div.readonly div.listboxreadonly ul
{
	width: auto;
}

/* Hide images in footer */
#f img
{
	display: none;
}

/* Buttons div */
div.buttons
{
	margin: .3em 0 1em 0;
}

/* Hyperlink that displays image and text */
a.imagetext, a.imagetext:hover, a.imagetext:active, a.imagetext:visited
{
	text-decoration: none;
	color: #999;
}


/********************************
 * Styles for grid view control *
 ********************************/

table.grid
{
	border: none;
	margin: 0 .7em .4em 0;
}
table.grid tr.header th
{
	background: #06C;
	color: #FFF;
	font-weight: bold;
	padding: 2px;
	vertical-align: top;
	text-align: left;
	font-size: 85%;
}
tr.header a
{
	color: #FFF;
}
tr.header a:hover
{
	color: #CCC;
}
table.grid tr.alternate td
{
	background: #F5F5F5;
}
table.grid tr.selected td
{
	background: #069;
	color: #FFF;
}
table.grid tr.new td
{
	background: #FFC;
	color: #000;
}
table.grid tr.error td
{
	background: #F00;
	color: #000;
}
table.grid td
{
	background: #FFF;
	color: #000;
	border: solid 1px #000;
	padding: 2px;
	font-size: 80%;
}

table.grid td.empty dl
{
	font-size: 120%;
}

tr.pager, tr.empty
{
	font-size: 120%;
}
tr.pager, tr.pager td, tr.pager table, tr.empty, tr.empty td, tr.empty table
{
	border: none;
}
tr.pager dl, tr.empty dl
{
	margin: .3em 0;
	padding: 0;
}
tr.pager dl dt, tr.empty dl dt
{
	width: 8em;
	float: left;
	font-weight: bold;
	text-align: right;
	color: #F90;
	text-align: left;
}
tr.pager dl dt, tr.pager dl dd, tr.empty dl dt, tr.empty dl dd
{
	padding: .2em 0;
}
tr.pager table
{
	margin: 0;
	padding: 0;
}
tr.pager table span, tr.pager a
{
	font-size: 120%;
}
tr.pager dl.pages dt
{
	padding-top: .3em;
}
/* END */


/* 
	BEGIN Default Styles for the XLookupCombo control 
*/

.search-item
{
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	padding: 3px 10px 3px 10px;
	border: 1px solid #fff;
	border-bottom: 1px solid #eeeeee;
	white-space: normal;
	color: #555;
}
.search-item h3
{
	display: block;
	font: inherit;
	font-weight: bold;
	color: #222;
}

.search-item h3 span
{
	float: right;
	font-weight: normal;
	margin: 0 0 5px 5px;
	width: 100px;
	display: block;
	clear: none;
}
/* END */


/* 
	BEGIN Default Styles for the modal panel control 
*/

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPanel
{
	padding: 0;
	border-top: 1px inset;
	border-left: 1px inset;
	border-bottom: 1px outset;
	border-right: 1px outset;
	border-collapse: collapse;
	background-color: #FFF;
	filter: alpha(opacity=80);
	filter: Shadow(Color=#0000FF, Direction=225); /*top:100px; 	left:100px;*/
}

.modalPanel TABLE
{
	border: none;
}

.modalPanel TD
{
	padding: 5px;
	vertical-align: middle;
	border: none;
}

.modalPanelTitle TD
{
	padding: 1px;
	font-weight: bold;
	font-size: 0.9em;
	background-image: url(../_images/extjsTitleBack.png);
	cursor: hand;
	color: Navy;
	width: 100%;
	height: 25px;
	border: none;
}

.modalPanelContents fieldset, .modalPanelContents div.buttons, .modalPanelContents div.results
{
	margin: 1em;
}
.modalPanelContents div.buttons input
{
	display: inline;
}
.modalPanelContents div
{
	float: none;
	clear: both;
	margin: 0;
}
.modalPanelContents fieldset select
{
	width: auto;
}

.modalPanelTitleProgress
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: middle;
}

.modalPanelTitleProgress img
{
	vertical-align: middle;
}

.modalPanelContents TD
{
	padding: 4px;
	border: none;
}


.modalPanelTitleIcon
{
	border: solid 2px red;
	padding-right: 5px;
}

/* END */

/*
	Skin level styles for WebControls
*/
.dropDownList
{
	margin-top: 1px;
}

.lookupTextBox
{
	white-space: nowrap;
}
/* END */

/*
	Styles for the ObscurePanel DIV at the bottom of the TemplateMaster.master page
*/
.obscurePanelVisible
{
	left: 0px;
	top: 0px;
	background-color: #f5f5f5;
	position: absolute;
	z-index: 499;
	filter: alpha(opacity=70);
	opacity: .7;
	visibility: visible;
	display: run-in;
}

.obscurePanelHidden
{
	width: 0px;
	height: 0px;
	visibility: hidden;
	display: none;
}
/* END */

/* Progress indicator classes */
.ajaxprogress
{
	border: solid 1px #000;
	background: #CCC;
	padding: .1em 1.5em;
	font-style: italic;
	vertical-align: middle;
}
.pageprogress
{
	color: #999;
	font-style: italic;
}

/* Watermark Style */
.watermark
{
	color: Gray;
	background: AliceBlue;
}


/* 
	BEGIN Default Styles for the modal popup control 
*/

.modalpopupdiv
{
}

.modalPopupBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	padding: 0;
	border-top: 1px inset;
	border-left: 1px inset;
	border-bottom: 1px outset;
	border-right: 1px outset;
	border-collapse: collapse;
	background-color: #FFF;
	filter: none;
	/*filter: alpha(opacity=80);*/
	/*filter: Shadow(Color=#0000FF, Direction=225); */
	/*top:100px; 	left:100px;*/
}

.modalPopup TABLE
{
	border: none;
}

.modalPopup TD
{
	padding: 5px;
	vertical-align: middle;
	border: none;
}

.modalPopupTitle TD
{
	padding: 1px;
	font-weight: bold;
	font-size: 0.9em;
	background-image: url(../_images/extjsTitleBack.png);
	cursor: move;
	color: Navy;
	width: 100%;
	height: 25px;
	border: none;
}

.modalPopupTitle TD div
{
  overflow:hidden;
}


.modalPopupStatus TD
{
	padding: 1px;
	font-weight: bold;
	font-size: 0.9em;
	background-color: scrollbar;
	width: 100%;
	height: 25px;
	border: none;
}

.modalPopupBody fieldset, 
.modalPopupBody div.buttons, 
.modalPopupBody table.grid, 
.modalPopupBody table.results
{
	margin: 1em;
}


.modalPopup div.messages, 
.modalPopup div.errormessage
{
	margin: 1em;
}

.modalPopupStatusProgress
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: middle;
}

.modalPopupStatusProgress img
{
	vertical-align: middle;
}



.modalPopupTitleIcon
{
	border: solid 2px red;
	padding-right: 5px;
}

/* END */

.modalProgressContent
{
	background-color: #ffffff;
	width: 400px;
	padding: 8px;
}

.modalProgressBackground
{
	background-color: Black;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

dl.profile dt, dl.profile dd
{
	font-weight: normal;
	font-size: 70%;
}