.fullWidth
        {
            width: 590px;
        }
        
        .rightWidth
        {
            width: 470px;
        }
        
        .comboWidth
        {
            width: 440px;
            text-align: right;
        }
        
        .leftColumn
        {
            width: 150px;
        }
        
        .rightColumn
        {
            width: 440px;
            text-align: right;
        }
        
.utilityTable td {
    font-size: 11px;    
    white-space: nowrap;
    padding: 4px 6px 5px;
}

.utilityTable 
{   
    width: 450px;    
    border-collapse: collapse;    
}


html, body, form
{
	height: 100%;
	margin: 0;
	padding: 0;
}

a
{
	color: Blue;
}


.dxgvTable td
{
	font-size: 10px;
	white-space: nowrap;
}

.dxgvDataRow
{
	background-color: #fff;
}

.dxgvFocusedRow .dxgv
{
	background-color: #BFFFBF;
	color: #004F91;
}

.dxgvSelectedRow .dxgv
{
	background-color: #BFFFBF;
	color: #004F91;
}

/* Colour Picker */
.colourPicker
{
	width: 25px;
	height: 25px;
	background: url(../graphics/smallDownArrow.gif) no-repeat;
	background-position: 15px 15px;
}
/* /Colour Picker */

/* Table Layout */

.prefLayoutTable
{
	clear: both;
}

.prefLayoutRow
{
	clear: both;
}

.prefLayoutCell
{
	float: left;
	line-height: 25px;
}

.short
{
	line-height: 18px;
}

.prefRowSpacer
{
	clear: both;
	height: 5px;
}

/* /Table Layout */

/* Invoice Viewer */

.InvoiceViewerContainer
{
	padding: 10px;
}

.InvoiceViewerDetailsContainer
{
	padding-bottom: 10px;
}

.InvoiceViewerTabContainer
{
	clear: both;
	padding-top: 10px;
}


.InvoiceContentContainer
{
	padding: 10px;
}

.InvoiceViewerGridContainer
{
}

/* /Invoice Viewer */



#MenuBlock
{
	width: 100%;
	float: left;
	background: url(../graphics/blankButtonRight.gif);
	background-repeat: no-repeat;
	background-position: top right;
}


#ContentArea
{
	width: 850px;
	height: auto !important;

	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #ffffff;
}


#ComboContainer
{
	float: left;
}

#MenuContainer
{
	float: left;
}



#ToolbarBlock
{
	clear: both;
	width: 100%;
}

#MainBlock
{
	clear: both;
	width: 100%;
	height: 100%;
}


.AjaxLoader
{
	background: url(../graphics/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
}

.AltAjaxLoader
{
	background: url(../graphics/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
}

#UpdateProgress2
{
	z-index: 111110;
	position: absolute;
	text-align: center;
	background: #fff url(../graphics/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

#UpdateProgress
{
	z-index: 111110;
	position: absolute;
	text-align: center;
	background: url(../graphics/tranpix.gif);
	background-repeat: repeat-x;
	background-repeat: repeat-y;
}


.hideMe
{
	display: none;
}

#loader
{
	border: 2px solid blue;
	position: absolute;
	background: #fff url(../graphics/whitepix.gif);
	background-repeat: repeat-x;
	background-repeat: repeat-y;
}

#loaderIFrame
{
	filter: "progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0)";
	z-index: 9;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0px;
	display: block;
	filter: alpha(opacity=0);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


.loaderContainer
{
	width: 250px;
	padding: 5px;
}

.loaderItem
{
	float: left;
	width: 230px;
	border: 0px solid silver;
	padding: 5px;
}



.loaderRow
{
	clear: both;
}

.loaderLabel
{
	float: left;
	width: 170px;
	border: 0px solid orange;
}

.loaderInput
{
	float: right;
	width: 65px;
	height: 50px;
	border: 0px solid pink;
	padding-bottom: 5px;
}

.loaderSubmit
{
	clear: both;
	border-top: 1px solid #BBBBBB;
	width: 230px;
	text-align: right;
	padding: 5px;
	height: 20px;
}

.loadingimage
{
	background-image: url(../graphics/pageLoader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 1111111;
}

.loaderWarning
{
}








.floatLeft
{
	float: left;
}

#ReportEngineViewReport
{
	text-align: left;
}



.ReportFormItem
{
	float: left;
	width: 600px;
}

.ReportFormLabel
{
	float: left;
	text-align: left;
	margin-right: 5px;
	vertical-align: middle;
	width: 200px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}

.ReportFormInput
{
	float: right;
	text-align: left;
	width: 390px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
}


.warning
{
	color: Blue;
}

.error
{
	color: Red;
	font-weight: bold;
}


.pad5
{
	padding: 5px;
}


.ht5
{
	min-height: 5px;
	height: auto !important;
	height: 5px;
}

.ht10
{
	min-height: 10px;
	height: auto !important;
	height: 10px;
}

.ht15
{
	min-height: 15px;
	height: auto !important;
	height: 15px;
}

.ht20
{
	min-height: 20px;
	height: auto !important;
	height: 20px;
}

.ht100p
{
	height: 100%;
}


.w10
{
	width: 10px;
}

.w20
{
	width: 20px;
}

.w30
{
	width: 30px;
}

.w40
{
	width: 40px;
}

.w50
{
	width: 50px;
}

.w60
{
	width: 60px;
}

.w70
{
	width: 70px;
}

.w80
{
	width: 80px;
}

.w90
{
	width: 90px;
}

.w100
{
	width: 100px;
}

.w120
{
	width: 120px;
}

.w140
{
	width: 140px;
}

.w150
{
	width: 150px;
}

.w160
{
	width: 160px;
}

.w180
{
	width: 190px;
}

.w200
{
	width: 200px;
}

.w220
{
	width: 220px;
}


.w240
{
	width: 240px;
}



.w100p
{
	width: 100%;
}



/* CSS Shadows */

.shadowWrap1, .shadowWrap2, .shadowWrap3
{
	display: inline-table; /* \*/
	display: block; /**/
}
.shadowWrap1
{
	float: left;
	background: url(../graphics/shadow.gif) right bottom no-repeat;
}
.shadowWrap2
{
	background: url(../graphics/corner_bl.gif) left bottom no-repeat;
}
.shadowWrap3
{
	padding: 0 6px 6px 0;
	background: url(../graphics/corner_tr.gif) right top no-repeat;
}
.shadowWrap3 img
{
	/*display:block;*/
}

.box
{
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid;
	border-color: #ccc #999 #999 #ccc;
}

.FormWidth
{
	width: 825px;
}
.FormInnerWidth
{
	width: 810px;
}
.FormNavRow
{
	clear: both;
	margin-top: 10px;
	border-top: 1px solid #999;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.FormNavLeft
{
	float: left;
}
.FormNavRight
{
	float: right;
	text-align: right;
}

.FormColumnHeader
{
	margin-top: 10px;
	border: 1px solid #999;
	padding: 5px;
	font-weight: bold;
}
.FormBox
{
	border: 1px solid #999;
	border-top: 0;
}


.CustomPanel
{
	float: left;
	width: 400px;
}

.StandardPanel
{
	float: right;
	width: 400px;
}


.BorderedCheckbox
{
	padding-right: 5px;
	margin: 0px;
	width: 131px;
	height: 131px;
	overflow: hidden;
	border: 1px solid #ccc;
}

.infoImage
{
	background-image: url(../graphics/infoIcon.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.warningImage
{
	background-image: url(../graphics/warningIcon.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.errorImage
{
	background-image: url(../graphics/errorIcon.gif);
	background-repeat: no-repeat;
	background-position: top right;
}



.icon
{
	display: inline-block;
	vertical-align: middle;
	padding-left: 20px;
	line-height: 16px;
}
.xls-file
{
	background-image: url(../graphics/xls.gif);
	background-repeat: no-repeat;
}
.pdf-file
{
	background-image: url(../graphics/pdf.gif);
	background-repeat: no-repeat;
}
.csv-file
{
	background-image: url(../graphics/csv.gif);
	background-repeat: no-repeat;
}